Question

我想在默认情况下使bootstrap开关处于打开状态，并且在angularJS中是只读的。这是我的代码：

<input type="checkbox" 
       ng-model="data.sla_enabled" 
       ng-readonly="true" 
       bs-switch 
       switch-size="mini" 
       ng-change="" 
       ng-checked="data.sla_enabled">

我使用ng-readonly，但无法使用。

Answer 1

您需要保持复选框已禁用和处于选中状态。如下图所示：

<input type="checkbox" 
       ng-model="data.sla_enabled" 
       ng-readonly="true" 
       bs-switch 
       switch-size="mini" 
       ng-change="" 
       checked="checked"
       disabled="disabled">

Answer 2

我认为您需要对复选框使用ng-disabled指令，而不是ng-readonly。

这里是一个例子：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
   <div ng-app="">
     <label>Check me to make checkbox readonly: <input type="checkbox" ng-model="checked"></label><br/>
     <input type="checkbox" ng-disabled="checked" />
   </div>
</body>
</html>

更多信息，您可以找到here：

Answer 3

Rajmond提到使用ng-disabled，只是添加了一个选中的属性以使其默认保持打开状态。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
   <div ng-app="">
     <input type="checkbox" checked ng-disabled="true"/>
   </div>
</body>
</html>

如何使引导程序开关为只读？

3 个答案: