范围变量更改后的角度更新指令

Question

刚刚开始角度，我遇到了一个小问题。 在我的例如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调用加载，可以更新，工作正常。 问题是，我想在[sirroccos]之后渲染添加按钮sirrocco，因为idx属性很重要。怎么样？所以它也需要在[sirroccos]（数量）改变之后重新渲染。

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

度过美好的一天！

Answer 1

  

idx =“{{sirroccos.length}}”

您正在使用单向绑定'@'作为idx，并且按值提供您必须在sirrocco指令中使用'='进行双向绑定并删除{{}}所以，它应该是：

> idx="sirroccos.length"

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