ng-modelをng-repeatの中に入れてng-modelを使用していません

Question

ng-repeatの中にラジオボタンのリストを表示しようとしていて、フィールドの初期値を取っていないようです私は入力のng-modelにバインドします。

ng-repeatに単純な配列を与えると、ボタンは初期値で適切に表示されます。ネストされたNG-repeatが絵になる場合は、各リストの最後の項目のみが値

で初期化しますが、ここに私のペンです：

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

私は私が間違っているつもりです見当がつかない。ラジオボタンのname属性が各グループに対して一意であることを確認しています。

ヘルプを評価してください。

Answer 1

ここでの問題点は、角度値をattに補間することができないことです。 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