Question

请考虑以下Plunk。

我正在使用这个控制器：

app.controller('myController', [
      '$scope',
      function($scope){

        $scope.isDisabled = true;

        $scope.ClickMe = function(text) {
          alert(text);
        };
}]);

这个HTML：

<body ng-app="ngApp">
    <div ng-controller="myController">
      <p>
        Is disabled:
        <input type="checkbox" ng-model="isDisabled"/>
      </p>
      <p>
        <button class="btn btn-primary" ng-disabled="isDisabled" ng-click="ClickMe('Save')">Save</button>
        <button class="btn btn-danger" ng-disabled="isDisabled" ng-click="ClickMe('Cancel')">Cancel</button>
      </p>
      <p>
        <button class="btn-xs btn-primary" ng-disabled="isDisabled" ng-click="ClickMe('Save')">Save</button>
        <button class="btn-xs btn-danger" ng-disabled="isDisabled" ng-click="ClickMe('Cancel')">Cancel</button>
      </p>
    </div>
</body>

问题

正如您所注意到的，对于样式为btn-xs的按钮，禁用/启用状态之间没有明显差异。正常的btn按钮很好。

然而，实际状态本身确实有效，因为您在禁用时无法单击按钮。

我做错了什么或是btn-xs btn-sm是如何工作的？是否有一种简单的方法可以以用户可见的方式切换禁用状态？

也许是基于btn-xs的自定义类？

谢谢！

Answer 1

你忘了给小按钮'btn'类。

使用AngularJS的bootstrap：ng-disabled与btn-xs（或btn-sm）无关

1 个答案: