具有/ Angular的Bootstrap按钮开关

时间:2014-09-27 21:28:18

标签: javascript jquery angularjs twitter-bootstrap

我正在使用bootstrap button-switch元素来显示设置的值。我在页面加载时最初设置值时遇到问题。

发生了什么,我正确设置了NG模型,并且我知道底层复选框的状态已正确设置。我通过'打破'css看到了它。另外,我在下面有一个单独的复选框,设置为ng-model中的值,我已经验证它已设置。

在页面加载时,我正在尝试将开关的状态设置为ng-model的值(true / false)。这不是复选框的值,而是UI元素的状态。问题是,操纵UI开关状态的唯一方法是通过bootstrapSwitch('state')函数。我尝试将它放在document.ready中,但我的JSON对象尚未返回,所以它总是错误的。

在检索到JSON数据后,是否有可以设置这些值的元素或其他内容?像on(“init”)事件?或者我应该在其他地方这样做?

<div class="make-switch" id="enable-protection" data-on="success" data-off="warning">
    <input type="checkbox" ng-model="selectedAccount.ProtectionSetting.EnableProtection">
</div>

注意 - 我可以通过以下方式设置此值:

$('enable-protection').bootstrapSwitch('status', $('enable-protection'))

当我从下拉框中选择一个帐户时,我正在执行上述操作....所以我可以触发list.change事件并进行上述调用....但我无法让它初始设置在页面加载。我们传递了帐号

0 个答案:

没有答案