自举开关和ng模型

Question

我在我的应用程序中使用angular和bootstrap-switch插件。它的工作原理是这样的：

<input type="checkbox" name="my-checkbox" checked> 
<script>$("[name='my-checkbox']").bootstrapSwitch("size", "small");</script> 

的问题是，如果我想使用所有我发现there属性这是行不通的。

如何在我的交换机上使用ng-model？ 我想用这样的：

<input type="checkbox" name="my-checkbox" checked="variableStatus" data-on-color="success" data-off-color="warning"> 
or 
<input type="checkbox" name="my-checkbox" ng-model="variableStatus" data-on-color="success" data-off-color="warning"> 

Answer 1

最明显的原因是它不工作是引导开关是一个jQuery库。 Angular没有和jQuery一起玩，所以如果你想使用它，你必须编写自己的指令。但是，下面的链接会给你一个指令，叫做angular-bootstrap-switch。你可能想看看它。

https://github.com/frapontillo/angular-bootstrap-switch

Answer 2

引导已启动，如果你想要启动它，尝试在angularjs一段时间后启动特殊方法。

setTimeout(installSwitcher, 1000); 
 

 
function installSwitcher(){ 
 
    $("[name='my-checkbox']").bootstrapSwitch(); 
 
}

<input type="checkbox" name="my-checkbox" checked>