Angular无法选中复选框
你好，我正在开发angularjs应用程序。我显示了复选框的列表。我有下面的代码。
<div class="checkbox" id="checkboxes" style="display:block" *ngFor="let rolename of roles; let i = index">
<input type="checkbox"
name="roles.rolename"
value="rolename.roleid"
[(ngModel)]="rolename.ischecked"/>
{{rolename.rolename}}
{{rolename.ischecked}}
</div>
[
{
"roleid":"666c01aa-5272-40bc-a888-5edac9087aad",
"ischecked":"false",
"rolename":"Observer",
"tenantid":"3a8360d6-9491-4191-a1ea-3260b70c3cd2",
"isactive":true,
"isdeleted":false,
"scopeids":null,
"scopes":null
},
{
"roleid":"4df4bf2f-16b0-482a-84c1-7a646bbfcf71",
"ischecked":"true",
"rolename":"Operator",
"tenantid":"3a8360d6-9491-4191-a1ea-3260b70c3cd2",
"isactive":true,
"isdeleted":false,
"scopeids":null,
"scopes":null
},
{
"roleid":"be2cc996-e3a6-4736-ad19-b794ff04581e",
"ischecked":"false",
"rolename":"Supervisor",
"tenantid":"3a8360d6-9491-4191-a1ea-3260b70c3cd2",
"isactive":true,
"isdeleted":false,
"scopeids":null,
"scopes":null
},
{
"roleid":"6c0f9539-a7fb-4050-92a3-bc80975e1c7d",
"ischecked":"false",
"rolename":"ConfigureAdmin",
"tenantid":"3a8360d6-9491-4191-a1ea-3260b70c3cd2",
"isactive":true,
"isdeleted":false,
"scopeids":null,
"scopes":null
},
{
"roleid":"46476a49-f315-4a56-ba90-e4ed6a24d0d5",
"rolename":"Engineer",
"tenantid":"3a8360d6-9491-4191-a1ea-3260b70c3cd2",
"isactive":true,
"isdeleted":false,
"scopeids":null,
"scopes":null
},
{
"roleid":"77c5f7e6-5f80-47c5-a3f5-f4dba4af41d1",
"ischecked":"false",
"rolename":"SecurityAdmin",
"tenantid":"3a8360d6-9491-4191-a1ea-3260b70c3cd2",
"isactive":true,
"isdeleted":false,
"scopeids":null,
"scopes":null
}
]
共有1个答案
选中复选框并在Angular 2+中使用双向绑定
<input type="checkbox" name="roles.rolename" value="rolename.roleid" [checked]="rolename.ischecked" (change)="rolename.ischecked = !rolename.ischecked" />
请阅读这篇文章以获得更多的选项：Angular 2复选框双向数据绑定
-
角5，打字稿2.7.1
-
我有以下html代码，我无法选中复选框。 我正在获取TimeoutException：
-
我试图创建一个表单，该表单顶部有一个复选框，当用户选中该复选框时，它会选择其他特定的复选框，但不是所有复选框。我很难通过反复试验或搜索找到答案。我唯一能找到的就是“全选”选项。不是我想要的。 理想情况下，当用户选中“管理包”旁边的复选框时，我想要“Chrome外观组”和“远程启动” 下面是代码和我在这方面的基本尝试，但它不起作用。提前谢谢。 超文本标记语言： Javascript 我不知道这个Ja
-
问题内容： 是否有任何功能或NG- 的东西 ，以检查是否有任何显示的复选框的检查？ 我通过 ng-click =“ function（）” 获得值，并将值传递给。我可以步行检查一下数组是否里面有值。 如果选中任何复选框，我想激活/禁用“下一步”按钮。 最简单的方法是什么？ 问题答案： 您可以执行以下操作： 和一个模板： 工作：http：//jsfiddle.net/cherniv/JBwmA/ 更
-
下载整个项目。zip在这里 此问题的代码在Views文件夹中的CreateSchedule.aspx文件中。 以下是GridView的ASP.NET： 在取消选中某个框后调试事件时，网页上的复选框显示为未选中，但的值为true，即使该复选框在网页上显示为未选中。（chkRow是未选中的复选框） 更新3 我取得了一些突破。我发现复选框的问题在于嵌套的gridview位于使用JavaScript折叠和