javascript - AngularJS:类型错误:无法设置未定义的属性

Question

可能我完全不懂Angular。我的问题是:

在用户界面上我有以下内容:

 <input ng-model="$ctrl.newItem.action" id="action" name="action" class="form-control"/> 

因此 action 元素以两种方式绑定(bind)到 Angular 模型。

现在在 UI 的其他部分，但使用相同的 Controller ，我调用编辑方法:

 $ctrl.updateItem = function (item) {
            $ctrl.newItem.action = item.action;
            //...

我希望 $ctrl.newItem.action 显示当前正在编辑的元素的操作，但我在控制台中看到错误:

TypeError: Cannot set property of undefined

为什么$ctrl.newItem.action未定义？

Answer 1

Angular 模型未定义，直到您在 Controller 中定义它或在输入中键入内容

试试这个

$ctrl.updateItem = function (item) {
            $ctrl.newItem = {action: item.action};
            //...