javascript - 动态添加项目到angularjs ng-repeat

标签 javascript angularjs

我有一个指令可以生成具有添加和删除功能的拖放可重新排序列表。如果您在容器中单击,则会动态添加一个输入,您可以在其中键入,当您键入一个逗号时,您键入的值将被推送到与 ng-repeat 一起使用的列表中以构建列表。 (本网站的用户应该有点熟悉 :) )

当支持它的初始对象不为空时,这非常有效。但是当对象开始为 null 并且您尝试添加第一个项目时(通过检测 null 和范围。$应用初始化)不会生成标记。

这里有一段话可以说明我的意思。 http://plnkr.co/edit/Momlgpfy82kHRPwXGR8V?p=preview

在我的应用程序中,数据来自外部来源,因此我无法确保非空列表。我怎样才能获得 Angular 以正确响应数组初始化(以及稍后的推送)?

最佳答案

将列表设置为空数组...每当将新项目插入数组时, Angular 监听器将更新指令

http://plnkr.co/edit/h3GOpTX6Chh1wjcM9QrV?p=preview

关于javascript - 动态添加项目到angularjs ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15891052/

相关文章:

javascript - Angular : How to restrict user inputs which contain sql query keywords (for sql injection)

javascript - 如何使用 Angular 在元素内编写 HTML

javascript - Angular JS : Show/Close div based on select option without using controller or model

javascript - 限制用户选择 jQuery 日期选择器以外的日期

javascript - 数组或迭代器中的每个 child 都应该有一个唯一的 "key"属性。在 react js?

javascript - JSFiddle 不运行我的 AngularJS 代码

javascript - 无法在 Mobile Angular Ui 中从 JSON 检索图像。(Angular Js)

javascript - 如何防止在 Angular 中异步更新后滚动到顶部

javascript - Angularjs 将表单输入保存到 php 和 Mysql

angularjs - 带授权 token header 的有 Angular $ http GET请求