Функция AngularJS ng-disable в ng-repeat

Question

В настоящее время у меня есть два массива объектов, сделанных в моем javascript. Первый массив с именем list1 имеет ключи с именем show и number, boolean и integer. Второй массив с именем list2 имеет ключ с номером, который принимает целое число.

В настоящее время у меня есть кнопка, которая добавит номер от 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.