2

アプリケーションで angular と bootstrap-switch プラグインを使用しています。それはこのように動作します:

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

問題は、そこで見つけたすべての属性を使用したい場合、機能しないことです。

スイッチで 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">
4

2 に答える 2

1

Bootstrap には特別な起動方法があります。起動したい場合は、angularjs で一定時間後に起動してみてください。

setTimeout(installSwitcher, 1000);

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

于 2016-04-20T10:36:38.643 に答える