Question

我目前在我的javascript中有两个对象数组。名为list1的第一个数组包含名为show和number的键，一个布尔值和整数。名为list2的第二个数组有一个名为number的键，它带有一个整数。

我目前有一个按钮，会在list1到list2之间添加一个号码，我想要禁用list2中已存在的号码。

以下是仅显示重复的HTML（我的控制器已重命名为列表）

HTML

<li ng-repeat="item in list.list1>
   <a href="#" 
      class="btn btn-info btn-large" 
      ng-disabled=!"item.show" 
      ng-click="list.addItem(id, $index)">

      Add
   </a>
</li>

JS

this.addItem = function(id, index)
{
   this.list1[index].show = false;

   this.list2.push({number: id})
};

我不确定为什么我的代码无效，这不是我尝试过的第一个实现。非常感谢有关如何正确执行此操作的一些提示。谢谢！

对于糟糕的初始代码感到抱歉，不眠之夜并没有真正帮助我调试这个。

Answer 1

从addItem的代码中，list1中的每个条目都有一个名为show的属性，而不是具有名为show的属性的数组。如果是这种情况，那么你的锚应该是这样的：

<a href="#" class="btn btn-info btn-large" ng-disabled="!pmt.show" ng-click="list.addItem(id, $index)">Add</a>

此外，!运算符应位于ng-disabled上的引号内。

ng-repeat中的AngularJS ng-disable功能

1 个答案: