按钮加载状态和ng禁用

Question

ng-disabled无法使用$().button('loading') & .button('reset')。如何解决这个问题？ 我也有Plunker。

Answer 1

您可以将按钮文本绑定到范围，并根据相关状态对其进行修改。

HTML：

<button id="someButton" class="btn btn-default btn-sm"  
ng-disabled="!someArray.someBool" ng-click="someClick()">{{button}}</button>

点击之前 - 按钮 正在加载 - 正在加载...... 加载后 - 加载

我使用了2秒的$ timeout函数，而不是发出真正的异步请求。 控制器：

$scope.someClick = function() {
    $scope.button="loading...";
        $timeout(function(){
          $scope.someArray.someBool = false;
          $scope.button="loaded";
        }, 2000);
  }

working plunker