帶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）不兼容

回答

相關問題