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>

您需要在 toggleElement（）方法中设置属性 asset.added 。

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>

AngularJs行为按钮

3 个答案: