有時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>最後示意

沒有留言:
張貼留言
留個話吧:)