noob在栈溢出这里。我正在处理一个具有转移工作功能的网页。这允许用户选中复选框将作业发送回办公室,或从所有可用的列表中选择技术人员。我的问题是如何设置复选框,以便在默认情况下检查页面加载并相应地禁用选择列表。这里是我现在的代码:
<div ng-app=""> Send to Office: <input type="checkBox" ng-model="checked" ng-checked="true"><br/> <select id="transferTo" ng-disabled="checked"> <option>Tech1</option> <option>Tech2</option> </select> </div>
这里是一个jsfiddle它:http://jsfiddle.net/hugmungus/LvHJw/5/
目前,加载选中复选框的页面,但该列表未禁用。如果取消选中,然后重新检查它,列表将禁用。
谢谢您的帮助!
如果你使用ng-model,你不想也使用ng-checked。而只是将模型变量初始化为true。通常你可以在一个控制器中管理你的页面(添加一个)。在你的小提琴中,我只是在ng-init属性中进行初始化以进行演示。
<div ng-app=""> Send to Office: <input type="checkBox" ng-model="checked" ng-init="checked=true"><br/> <select id="transferTo" ng-disabled="checked"> <option>Tech1</option> <option>Tech2</option> </select> </div>