更改作用域变量后的Angular renew指令

Question

刚开始使用angular时，我遇到了一个小问题。在我的示例SirroccoListing模板中，我有以下内容，Sirrocco是一个指令：

<h3>All Sirroccos</h3>

<div sirrocco ng-repeat="sirrocco in sirroccos" 
     idx="{{ $index }}"></div>
<div sirrocco ng-model="sirroccoListing.addSirrocco" 
     idx="{{ sirroccos.length }}" 
     add-button="true" 
     class="add-sirrocco"></div>

基本上，我想要的是显示所有的sirrocco，并添加另一个sirrocco，这是一个稍微不同的sirrocco(类似添加按钮)。

sirroccos是通过REST调用加载的，并且可以更新，这很好用。问题是，我希望在sirroccos之后呈现添加按钮sirrocco，因为idx属性很重要。多么?所以它也需要在sirroccos改变后重新渲染。

我希望我的观点是明确的，你们可以帮助我。

祝您今天愉快!

Answer 1

idx="{{ sirroccos.length }}“

您正在对idx使用单向绑定'@‘，并且通过值赋予它，您必须在sirrocco指令中使用使用'=’的双向绑定，并删除{{ }}，因此，它应该是：

> idx="sirroccos.length"

这将允许您使用双向绑定并每次都更新.length。