加载时默认选中Angularjs复选框,选中时禁用选择列表

加载时默认选中Angularjs复选框,选中时禁用选择列表,angularjs,checkbox,selectlist,Angularjs,Checkbox,Selectlist,这里是堆栈溢出的noob。我在一个网页上工作,有一个转移工作的功能。这允许用户选中复选框将作业发送回办公室,或从所有可用的列表中选择技术人员。我的问题是如何设置复选框,以便在加载页面时默认选中该复选框,并相应地禁用选择列表。以下是我目前拥有的代码: <div ng-app=""> Send to Office: <input type="checkbox" ng-model="checked" ng-checked="true"><br/> <s

这里是堆栈溢出的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>

发送到办公室:
Tech1 技术2
这里有一个JSFIDLE:

当前,页面加载时复选框处于选中状态,但列表未被禁用。如果取消选中,然后重新选中,则列表将被禁用


谢谢你的帮助

如果使用ng模型,则不希望同时使用ng checked。相反,只需将模型变量初始化为true通常情况下,您会在管理页面的控制器中执行此操作(添加一个)。在您的小提琴中,我只是在ng init属性中进行了初始化,以便于演示


发送到办公室:
Tech1 技术2
您实际上不需要该指令,可以通过使用ng init和ng checked来实现它。下面的演示链接显示了如何在angularjs中设置复选框的初始值

:


释放
灭活
标题更改

释放值为{Released}
失活值为{失活}
标题值为{{Title}}
//代码在这里 var-app=angular.module(“myApp”,[]); app.controller(“myCtrl”,函数($scope){ });
在控制器中执行此操作(控制器语法如下)

控制器:

vm.question= {};
vm.question.active = true;
表格

<input ng-model="vm.question.active" type="checkbox" id="active" name="active">

在控制器中执行此操作

$timeout(函数(){
$scope.checked=true;

}, 1);Status
,点击我显示的div和status字段必须被选中…@AnitaMehta去掉模板中的ng init。在控制器中,将scope.inventory.status设置为true。@将KarlZilles设置为true而不是1对我有效-谢谢!你这个美女@KarenZilles!!!我甚至认为
nginit
不能在元素级别使用。
vm.question= {};
vm.question.active = true;
<input ng-model="vm.question.active" type="checkbox" id="active" name="active">