Angularjs 修改对象内的数组,该对象为';s以ng重复显示

Angularjs 修改对象内的数组,该对象为';s以ng重复显示,angularjs,Angularjs,我试图使用包含数组内容的输入元素更新页面上显示在ng repeat中的$scope对象数组。可以在这里找到plunker示例:(我的问题的基本、简化示例) 我已定义以下对象设置: $scope.settings={ 清单:[“清单项目一”、“清单项目二”、“清单项目三”] }; 我将页面上的数据表示为: 我的目标是首先用$scope.settings.list的内容填充字段,并在项目发生更改时更新数组,但我还没有弄清楚如何在视图中进行更新。在输入上省略ng model和ng chan

我试图使用包含数组内容的输入元素更新页面上显示在
ng repeat
中的$scope对象数组。可以在这里找到plunker示例:(我的问题的基本、简化示例)

我已定义以下对象设置:

$scope.settings={
清单:[“清单项目一”、“清单项目二”、“清单项目三”]
};
我将页面上的数据表示为:

我的目标是首先用
$scope.settings.list
的内容填充
字段,并在项目发生更改时更新数组,但我还没有弄清楚如何在视图中进行更新。在输入上省略
ng model
ng change
可以正确地在文本框中呈现输入值,但在进行更改时不会修改数组

旁注:
在Plunker示例中,设置对象上有
$watch
。在我的实际代码中,这用于使用更新“设置cookie”。示例中省略了Cookie,但出于调试目的,我将手表留在里面。

您的方法存在两个主要问题。首先,ngRepeat使用继承的作用域,因此基本值(如字符串和数字)不能很好地发挥作用。应该将对象数组传递给ngRepeat,而不是原语数组。第二个问题是绑定到输入的方式过于复杂。您所需要的就是:

$scope.settings={
名单:[
{val:'列表项一'},
{val:'列表项2'},
{val:'列出第三项'}
]
};
在你看来: