自舉開關和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>