基于AngularJS中字段值的绑定复选框

Binding Checkbox based on the value of the field in AngularJS

本文关键字：绑定 复选框 字段 AngularJS 基于      更新时间：2023-09-26

我想根据字段services.Register.IsTest的值选中/取消选中复选框。

当服务。Register.IsTest=真我的复选框应该被选中，否则不是

我的复选框

<input type="checkbox" id="patReturned" value="Returned">

我是AngularJS的新手。请帮忙。

感谢

您正在从AngularJS 中查找ngChecked指令

如果ngChecked中的表达式为true，则设置元素的checked属性。

像这样使用

<input type="checkbox" id="patReturned" value="Returned" ng-checked="services.Register.IsTest">

试试这个

<input type="checkbox" ng-checked="services.Register.IsTest == true" ng-model="services.Register.IsTest" ng-true-value="true" ng-false-value="false">

如果您需要双向绑定，只需添加ng-model指令（即services.Register.IsTest将在选中或取消选中复选框时更新）：

<input type="checkbox" id="patReturned" value="Returned" ng-model="services.Register.IsTest">

确保services.Register.IsTest是相关scope的一部分。

除此之外，您可以使用ng-checked指令来避免更改services.Register.IsTest:

<input type="checkbox" id="patReturned" value="Returned" ng-checked="services.Register.IsTest">
相关文章：