angularjs – 错误:不可分配的模型表达式:undefined(指令:childOne)

前端之家收集整理的这篇文章主要介绍了angularjs – 错误:不可分配的模型表达式:undefined(指令:childOne)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@ 作为后续行动仍然关于这个洞穴:

plunker

如果我在小孩1中选择一个项目时查看Chrome中的控制台,我会收到以下错误

错误:不可分配的模型表达式:undefined(指令:childOne)

指令元素是一个元素,而不是一个属性,并且在指令本身中被指定,所以我完全感到困惑.

TL; DR; – 问题是属性是snake-case,范围定义将它们转换为camelCase.

你有:

app.directive('childOne',function () {
    return {
        restrict: "E",replace: true,scope: {
            labelName: "@",selectPhrase: "@",ngModel: "=",options: "=",},template: '<span><div class="local-label">{{labelName}}: </div><div style="width:15px;display:inline-block;"></div>' +
                  '<span style="display: inline-block;"><select ng-model="ngModel" ng-options="o.Id as o.Name for o in options | orderBy:\'Name\'" class="formRequire" required><option value="" selected="selected">{{selectPhrase}} ...</option></select>' +
                  '</span></div></span>'
    };
})

问题是你绑定ngModel,但是child-one元素没有为它提供一个值.如果我评论该部分,它似乎工作正常.

似乎当你在范围中有“=”绑定意味着强制性时,在JavaScript世界中定义时,属性也会从snake-case转换为camelCase

PS:这是真的,错误有点模糊

猜你在找的Angularjs相关文章