有時API回傳的結果可能需要透過JSON DATA內部的Key結構來綁定。
今天的Case是要綁定一個問卷:D 資料結構長這個

為了讓元素的name id不一致也用了nested ng-repeat如何拿$index的方法,範例如下:
使用ng-init可以將第一層的迴圈$index透過 qTitleIndex取得
<form id="investQuestionnaireForm">
<div id="investQuestionnaireList"
ng-controller="MyQuestionnaireCtrl" class="dialog-moduleContent msgBoxDetail">
<div class="question-list">
<ul >
<li ng-repeat="(qTitle, ansList) in questionnaireList"
ng-init="qTitleIndex = $index">
<div>{{qTitle}}</div>
<ul class="answerlist">
<li ng-repeat="ans in ansList">
<input type="radio" name="{{qTitleIndex}}_ans_{{$index}}" value="{{ans}}" /> {{ans}} <br/>
</li>
</ul>
</li>
</ul>
</div>
</div>
最後示意
沒有留言:
張貼留言
留個話吧:)