使用ng-model與嵌套ng-repeat內部的單選按鈕不起作用

Question

嘿，我試圖顯示一個ng-repeat內部的單選按鈕列表，它似乎並沒有考慮到字段的初始值我在輸入上綁定到ng-model。

當我給一個簡單的ng-repeat數組時，這些按鈕會正確顯示初始值。但是，如果一個嵌套的NG-重複到圖片中，只有每個列表的最後一個項目，一個值

這裏初始化是我的筆：

https://codepen.io/alokraop/pen/JXLZBp

我不知道我要去哪裏錯了。我確保單選按鈕的name屬性對每個組都是唯一的。

欣賞幫助。

Answer 1

這裏的問題是，你不能插入一個角值到attr name。如果我們從我們的HTML中刪除名稱attr，我們會得到預期的結果。 見下文。

<div ng-app="sample"> 
    <div ng-controller="sampleController as sample"> 
    Single ng-repeat: 
    <div ng-repeat="queue in sample.queues">{{queue.name}} status: 
     <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked 
     <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked 
     <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="partial" /> partial 
    </div> 
    <br /> 
    Nested ng-repeat: 
    <div ng-repeat="qm in sample.qms"> 
     {{qm.name}} queues: 
     <div ng-repeat="queue in qm.queues">{{queue.name}} status: 
     <input type="radio" ng-model="queue.condition" value="hooked" /> hooked 
     <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked 
     <input type="radio" ng-model="queue.condition" value="partial" /> partial 
     </div> 
    </div> 
    </div> 

</div> 

如果我們要動態地包括名稱，看看成角的名字指令如：Dynamic form name attribute <input type="text" name="{{ variable-name }}" /> in Angularjs