最初不檢查單選按鈕

Question

我見過很多類似的問題，但是沒有一個可以解決我的問題：

我有一個ng-repeat來顯示項目列表。 它們每個都有一個div，當滿足某些條件時會顯示該div：' <div ng-if="someCondition"> </div>

在該div中，我有一個單選按鈕：

<input type="radio" ng-model="item.Prop" name="published" ng-value="true" ng-checked="item.Prop"> <span>published</span>
<input type="radio" ng-model="item.Prop" name="published" ng-value="false"> <span>not published</span>

當其他功能正常工作時，當我的div可見時，不會直接檢查它。 但是，如果我選擇其中之一，則會更改其ng模型。

但是，為什么一開始就沒有選擇呢？

Answer 1

基於您提供的代碼很難知道，但是我猜到item.Prop是undefined 。 如果您為我們提供了更多代碼，小提琴或小插曲，我們也許可以提供更多幫助。

示例小提琴演示您所遇到的行為： http : //jsfiddle.net/HB7LU/20982/

示例擺弄了您想要的復選框： http : //jsfiddle.net/HB7LU/20983/

Answer 2

我找到了解決方案：

問題在於為ng-repeat循環中的每個項目創建了復選框。 因此，每個復選框都具有相同的名稱，因此無法選擇它們。

為了解決這個問題，我剛剛在復選框名稱的末尾給出了項的唯一屬性。

<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="true" ng-checked="item.Prop"> <span>published</span>
<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="false"> <span>not published</span>

這是小矮人 ：