如何在AngularJS中的单选按钮组中命名单选按钮值?

时间:2017-09-16 17:26:46

标签: javascript angularjs radio-button angularjs-material

所以我有一个包含单选按钮组中许多问题的表单。我的问题是我想根据服务器的响应来命名每个值。我的代码如下。

<div ng-repeat="item in qc.questions track by $index"  type={{item.type}}>
      <br> <b>Q)</b> {{item.question_text}}<br><br>

     <md-radio-group ng-model="qc.formData[answer][$index]" ng-if="item.type==='radio'||!item.type" >
        <div ng-repeat="answer in item.answers track by $index">
      <md-radio-button value="answer{{$index}}" class="md-primary">{{answer}}</md-radio-button>
        </div>
    </md-radio-group>

    <div ng-repeat="answer in item.answers track by $index" ng-if="item.type==='checkbox'||!item.type">
    <md-checkbox ng-model="qc.formData[answer]" >
            {{answer}}
    </md-checkbox>
    </div>
</div>

使用此代码,我可以使用value =“answer {{$ index}}”设置数据的值,并按预期设置单选按钮的值。但我想根据服务器响应来命名每个值,我无法做到这一点。现在,名称从0开始,然后上升到有多少个单选按钮。例如0:“Ans2”,1:“Ans2”,3:“Ans1”,3:“Ans4”。我想用从服务器获得的东西来命名和替换那些数字,如“Q1”:“Ans2”,“Q2”:“Ans2”,“Q3”:“Ans1”,“Q4”:“Ans4”。我怎样才能做到这一点?任何帮助,将不胜感激。谢谢!

0 个答案:

没有答案