Javascript 禁用AngularJS:ng的引导在btn xs(或btn sm)中不可见 请考虑以下事项:

Javascript 禁用AngularJS:ng的引导在btn xs(或btn sm)中不可见 请考虑以下事项:,javascript,css,angularjs,twitter-bootstrap,Javascript,Css,Angularjs,Twitter Bootstrap,我正在使用这个控制器: app.controller('myController', [ '$scope', function($scope){ $scope.isDisabled = true; $scope.ClickMe = function(text) { alert(text); }; }]); 这个HTML: <body ng-app="ngApp"> <div

我正在使用这个控制器:

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


谢谢

您忘了将小按钮设置为“btn”类。

您忘了将小按钮设置为“btn”类。

我不知道您还必须使用btn,我以为btn xs代替了btn。谢谢我不知道你还必须使用btn,我以为btn xs代替了btn。谢谢