基於AngularJS中字段值的綁定複選框

我想根據字段services.Register.IsTest的值檢查/取消選中複選框。基於AngularJS中字段值的綁定複選框

當services.Register.IsTest =真我複選框應該檢查別的不

我複選框

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

我是新來AngularJS。請幫忙。

感謝

將工作，如果services.Register.IsTest是一個範圍變量。 –

你從AngularJS

尋找ngChecked指令設置checked屬性的元素，如果裏面ngChecked表達是truthy。

使用方法如下

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

2016-08-05 13:05:59 Weedoze

試試這個

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

2016-08-05 13:05:53

只是如果你需要雙向綁定添加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">

2016-08-05 13:06:23

不打算投這個票，但這不是什麼問，因爲這會改變servces.register.IsTest的價值，如果複選框沒有選中 – George

@GeorgeLee如果你正在談論關於'ng-model'，是啊，你是對的，謝謝。我已經添加了幾個詞來解釋這個方面。但是我的答案的第二部分（'ng-checked'）就是我們所要求的。 –

回答