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

刚开始使用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]（数量）更改后，还需要重新渲染。

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

祝你今天愉快！

最佳答案

idx =“ {{sirroccos.length}}”


您正在为idx使用单向绑定'@'，并且按值给出它，您必须在sirrocco指令中使用'='使用双向绑定并删除{{}}，因此，它应该是：

> idx="sirroccos.length"

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

关于javascript - 范围变量更改后的Angular更新指令，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32636121/