Устранены AngularJs кнопка

Question

поведение У меня есть кнопка:

<button data-ng-click="toggleElement(asset)" class="btn"><span class="text-center">Add To Cart</span></button> 

Я хотел бы скрыть эту кнопку, когда этот элемент будет добавить в список и показать
Отключено кнопку с названием «Добавлено в корзину»! !

Я пробовал:

<table class="table" data-ng-show="elements!=null && elements.length>0"> 
    <tr data-ng-repeat="element in elements">   
      <td> 
      <button data-ng-click="toggleElements(element)" ng-disabled="isDisabled" ng-model="isDisabled" class="btn"><span class="text-center">Add To Cart</span></button> 
    <td> <button data-ng-click="toggleAsset(elements[$index])" data-ng-disabled="added" class="btn">{{added ? 'Added' : 'Add'}}</button>    
</td> 
</tr> 

    </table> 

в мой контроллер у меня есть это:

$scope.toggleElements= function (element){ 
     ..... 
      $scope.added = true; 
} 

Кто-нибудь может мне помочь ...

Answer 1

Я думаю, что это будет работать для вас:

<button ng-click="toggleElement(asset)" ng-disabled="asset.added">{{asset.added ? 'Added' : 'Add'}}</button> 

Вам необходимо установить e имущество asset.added внутри toggleElement() способ.

Answer 2

это одно решение.

Посмотрите на plunk

<button ng-repeat="a in [0,1,2]" data-ng-click="added = !added" class="btn" ng-disabled="added"> 
    <span ng-show="!added" class="text-center">Add To Cart</span> 
    <span ng-show="added" class="text-center">Added To Cart</span> 
</button> 

Answer 3

Вы можете выполнить несколько команд в одной ng-click директивы. Просто отделите их ;, как и нормальное выражение javascript.

Например:

<button ng-click="doIt(); hide = true" ng-hide="hide"> 
    click me! 
</button>