加载时默认选中Angularjs复选框,选中时禁用选择列表
这里是堆栈溢出的noob。我在一个网页上工作,有一个转移工作的功能。这允许用户选中复选框将作业发送回办公室,或从所有可用的列表中选择技术人员。我的问题是如何设置复选框,以便在加载页面时默认选中该复选框,并相应地禁用选择列表。以下是我目前拥有的代码:加载时默认选中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
<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);非常感谢,工作完全如我所愿。特别感谢您的快速回复和解释如何更正此问题。这对我来说不起作用,我也尝试了同样的方法:div class=“columns float left”ng click=“inventory.openColumnSelector();”>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">