javascript - 动态禁用 ng-model

Question

我用

多次复制同一个模板

<div ng-repeat="template in templates track by $index">
 <script type="text/ng-template" id="general">
  <section ui-view="general"></section>
 </script>
</div>

因此，当我在我的输入上使用相同的 ng-model 绑定(bind)将下一个模板添加到我的页面时，我试图找到一种方法来防止同一模板中的前一个面板更改它们的值，因为最新模板上的新值。更像是禁用所有先前面板的输入，以便只有最新的模板处于事件状态以动态呈现值。实现此目的的最佳方法是什么？

我试过了 ng-disabled=field_state

在多个函数之间进行状态切换。但这并没有像我预期的那样工作。

Answer 1

你可以做两件事:

1. 绑定(bind)你的input s 模型到您的模板的索引:<input type="text" id="myInput_{{$index}}" ng-model="repeatedInput.val"> ( Fiddle ), 或
2. 在 ng-repeat 中创建一个指令包裹着你的 input (指令创建自己的范围)(Fiddle)

Learn about ngRepeat
Learn about directives