反之亦然,angularjs中的开/关开关

反之亦然,angularjs中的开/关开关,angularjs,html,Angularjs,Html,我在程序中使用了两个开/关开关。当一个开关打开时,另一个开关将自动关闭(反之亦然)。使用angular,给我你的建议 <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"> <label class="onoffswitch-label" for="myonoffswitch

我在程序中使用了两个开/关开关。当一个开关打开时,另一个开关将自动关闭(反之亦然)。使用angular,给我你的建议

<div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch">
    <label class="onoffswitch-label" for="myonoffswitch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>
<div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch">
    <label class="onoffswitch-label" for="myonoffswitch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

是的,有角度的话是可能的。 -将复选框状态保存到ng型号
-根据模型设置所选状态 -您可以这样组合使用ngTrueValue和ng模型 -使用ng init设置元素的初始值

 <input type="checkbox" name="someName" value="0" ng-model="someValue" ng-true-value="0" ng-init="someValue=0">
 <input type="checkbox" name="someName" value="1" ng-model="someValue" ng-true-value="1">

这将在两个复选框之间交换选中状态


如果我误解了你的意图,请给我留言。

有什么问题吗?因为如果你问“我不知道,给我代码”,你会很不开心。你在哪里使用angular?@CemÖzer感谢你的快速回复,ng show是否可行/hide@CemÖzer问题解决了,我在课堂上犯了一些错误。再一次,一个疑问,我的按钮一开始应该是开着的,你能给我你的建议吗?注意:当然有很多其他的方法来实现同样的事情,不管有没有角度。@Visualife谢谢你的回答,但我的目的不是隐藏按钮,如果一个按钮在另一个按钮上,那么另一个按钮应该关闭(两个按钮都应该是可见的)@Visualife非常感谢您的努力,但这个也不起作用。请给我一些其他示例。如果可能的话。@Lee我可以检查一下您是否正在设置Angular 1环境吗?正如我所看到的,有些人试图在没有正确设置应用程序的情况下运行Angular。你也可以发布你的代码到目前为止,然后它将帮助调试问题@Visualife没有设置问题,