2014-10-10 58 views
0

我在我的應用程序中使用angular和bootstrap-switch插件。它的工作原理是這樣的:自舉開關和ng模型

<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"> 

回答

1

最明顯的原因是它不工作是引導開關是一個jQuery庫。 Angular沒有和jQuery一起玩,所以如果你想使用它,你必須編寫自己的指令。但是,下面的鏈接會給你一個指令,叫做angular-bootstrap-switch。你可能想看看它。

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

1

引導已啓動,如果你想要啓動它,嘗試在angularjs一段時間後啓動特殊方法。

setTimeout(installSwitcher, 1000); 
 

 
function installSwitcher(){ 
 
    $("[name='my-checkbox']").bootstrapSwitch(); 
 
}
<input type="checkbox" name="my-checkbox" checked>