带AngularJS的引导程序：ng-disabled与btn-xs（或btn-sm）不兼容

请考虑以下Plunk。带AngularJS的引导程序：ng-disabled与btn-xs（或btn-sm）不兼容

我使用这个控制器：

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的自定义类？

谢谢！

来源

2015-10-19 Spikee

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

来源

2015-10-19 10:10:05 user1820709

我不知道你还得使用btn，我以为btn-xs不是btn。谢谢！ – Spikee

带AngularJS的引导程序：ng-disabled与btn-xs（或btn-sm）不兼容

回答

相关问题