Javascript 动态创建单选按钮和选定的适当按钮Angularjs
我有一个问卷表,在问题和答案之间循环,然后创建带有答案的单选按钮。answer对象将具有Answeed属性,该属性将为true或false,具体取决于之前是否为该项选择了该答案。如果answer.answered=true,则应选中该单选按钮(只有一个按钮被应答)。问题是我无法根据答案选择相应的单选按钮。我尝试了ng value=“answer.answered”,在init上设置模型。下面是缩写代码Javascript 动态创建单选按钮和选定的适当按钮Angularjs,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个问卷表,在问题和答案之间循环,然后创建带有答案的单选按钮。answer对象将具有Answeed属性,该属性将为true或false,具体取决于之前是否为该项选择了该答案。如果answer.answered=true,则应选中该单选按钮(只有一个按钮被应答)。问题是我无法根据答案选择相应的单选按钮。我尝试了ng value=“answer.answered”,在init上设置模型。下面是缩写代码 <md-card data-ng-repeat="question in gradeC
<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="answer 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="answer.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>
-
我可以通过设置model=answer.answered以及使用ng checked来解决这个问题
<input type="radio" name="{{question.id}}" data-ng-checked="gradeCtrl.isAnswered(answer);"
data-ng-attr-id="answer.id"
data-ng-init="gradeCtrl.radioButton[answer.id] = gradeCtrl.isAnswered(answer);"
data-ng-click="gradeCtrl.saveAnswer(answer, question.question)"
data-ng-model="answer.answered">
仅供参考您的
数据ng repeat
应该在li
元素上,而不是ul