如何将新项目添加到ng-repeat列表中？

Question

我有一些情况需要将项目添加到最初使用的列表中ng-repeat.我该怎么做呢？

<div ng-click="prependItem()>Click Here</div>
<div ng-repeat="item in items">
    <div class="someClass">Item name: {{item.name}}</div>
    <div class="anotherClass">Item type: {{item.type}}</div>
</div>

如果我点击prependItem()我想要将新项目添加到列表顶部.显然,我不想重建整个ng-repeat.我一直无法找到任何可以解释如何执行此操作的文档.提前感谢您的帮助!

Answer 1

scope.prependItem = function (newItem) {
    items.unshift(newItem);
};

AngularJS非常聪明,可以知道添加内容,只为它创建html元素 http://plnkr.co/edit/qzIfzSP6buiQ49rDreNk?p=preview

您可以从控制台看到只有新添加的项目才会记录消息