Angularjs 复选框在加载时默认选中，并在选中时禁用选择列表

Question

这里是堆栈溢出的菜鸟。我正在开发一个具有转移工作功能的网页。这允许用户选中复选框以将作业发送回办公室，或从所有可用的列表中选择技术人员。我的问题是如何设置该复选框，以便在页面加载时默认选中该复选框并相应地禁用选择列表。这是我目前的代码:

<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/

当前，页面加载时复选框已选中，但列表未禁用。如果取消选中然后重新选中它，该列表将被禁用。

感谢您的帮助!

Answer 1

如果你使用 ng-model，你不想也使用 ng-checked。相反，只需将模型变量初始化为 true。 通常，您会在管理页面的 Controller 中执行此操作(添加一个)。在您的 fiddle 中，我只是出于演示目的在 ng-init 属性中进行了初始化。

http://jsfiddle.net/UTULc/

<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>