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

一尘不染

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

angularjs

堆栈上的菜鸟在这里溢出。我正在处理具有传输作业功能的网页。这使用户可以选中复选框以将作业发送回办公室，或者从所有可用列表中选择技术人员。我的问题是如何设置复选框，以便在页面加载时默认选中该复选框，并相应地禁用选择列表。这是我目前拥有的代码：

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

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

谢谢您的帮助！

阅读 243

2020-07-04

共1个答案

一尘不染

如果您使用ng-model，则不想同时使用ng-checked。相反，只需将模型变量初始化为true。
通常，您将在管理页面的控制器中执行此操作（添加一个）。 在您的小提琴中，我只是出于演示目的在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>

2020-07-04