动态创建单选按钮和选定的相应按钮 Angularjs

Dynamically creating radio buttons and selected appropriate button Angularjs

本文关键字：按钮 Angularjs 创建 单选按钮 动态      更新时间：2023-09-26

>我有一个问卷表单，它循环访问问题和问题中的答案，然后创建带有答案的单选按钮。 答案对象将具有 answer 属性，该属性为真或假，具体取决于之前是否为该项选择了该答案。 如果 answer.answer = true，则应选中该单选按钮（只有一个被应答）。 问题是我无法根据 answer.answer 获得要检查的相应单选按钮。 我尝试过ng-value="answerswer.answered"，将模型设置为init。 缩写代码如下。

 <md-card data-ng-repeat="question in gradeCtrl.questions | limitTo: 1  track by $index" class="questions main-questions" 
data-ng-if="!gradeCtrl.subQuestions && gradeCtrl.needsRepairs === false">
<ul data-ng-repeat="answerswer in question.answers track by $index" class="questionnaire" layout-wrap layout="column" layout-align="center center">
<li>
<input type="radio" name="{{question.id}}" data-ng-attr-id="answerswer.id" data-ng-value="gradeCtrl.isAnswered(answer);"
 data-ng-init="gradeCtrl.radioButton[answer.id]=gradeCtrl.isAnswered(answer);"
 data-ng-model="gradeCtrl.radioButton[answer.id]">
</li>
</md-card>

我能够通过设置模型= answer.answer以及使用ng-checked来解决它。

<input type="radio" name="{{question.id}}"  data-ng-checked="gradeCtrl.isAnswered(answer);"
                       data-ng-attr-id="answerswer.id"
                       data-ng-init="gradeCtrl.radioButton[answer.id] = gradeCtrl.isAnswered(answer);"
                       data-ng-click="gradeCtrl.saveAnswer(answer, question.question)"
                       data-ng-model="answerswer.answered">
相关文章：