javascript - 范围变量更改后的 Angular 更新指令

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>

基本上，我想要的是显示所有[sirroccos]并添加另一个sirrocco，它与sirrocco略有不同(某种添加按钮)。

[sirroccos](作用域数组)通过 REST 调用加载并可以更新，效果很好。问题是，我希望添加按钮 Sirrocco 在 [sirroccos] 之后呈现，因为 idx 属性很重要。如何？所以[sirroccos](amount of)改变后也需要重新渲染。

我希望我的观点很清楚，你们可以帮助我。

祝你有美好的一天!

Answer 1

idx="{{ sirroccos.length }}"

您正在使用单向绑定(bind) idx 的“@”，并且按值给出，您必须使用 Sirrocco 指令中的“=”进行双向绑定(bind)并删除 {{ }} ，所以，应该是:

> idx="sirroccos.length"

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