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

它不起作用的最明显的原因是bootstrap-switch是一个jQuery库。 Angular与jQuery不兼容，所以如果你想使用它，你必须编写自己的指令。但是，以下链接将为您提供一个名为angular-bootstrap-switch的指令。你可能想看一下。

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

Answer 2

Bootstrap有特殊的启动方法，如果你想启动它，请尝试在angularjs的句点时间后启动。

＆＃13;

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

＆＃13;

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

＆＃13;

自举开关和ng-model

2 个答案: