AngularJS单选按钮未选择的问题
我试图在单选按钮上捕捉ng change事件,但问题是,只有在我第二次单击同一组中的任何收音机时,才会检查它。另外,当我第一次点击一个单选按钮时,会调用ng changed,但如果我再次点击另一个单选按钮或同一个单选按钮,则不会调用ng changedAngularJS单选按钮未选择的问题,angularjs,radio-button,Angularjs,Radio Button,我试图在单选按钮上捕捉ng change事件,但问题是,只有在我第二次单击同一组中的任何收音机时,才会检查它。另外,当我第一次点击一个单选按钮时,会调用ng changed,但如果我再次点击另一个单选按钮或同一个单选按钮,则不会调用ng changed <div> <div ng-repeat="element in questions" ng-class="{'in':$first,'hidden': !$first}"> <h1>{{element
<div>
<div ng-repeat="element in questions" ng-class="{'in':$first,'hidden': !$first}">
<h1>{{element.question}}</h1>
<div>
<input type="radio" name="answer" ng-value="A" ng-model="$parent.answer" ng-change="enableSubmit()">{{element.answerA}}</input>
<input type="radio" name="answer" ng-value="B" ng-model="$parent.answer" ng-change="enableSubmit()">{{element.answerB}}</input>
<input type="radio" name="answer" ng-value="C" ng-model="$parent.answer" ng-change="enableSubmit()">{{element.answerC}}</input>
</div>
</div>
<button id="prev" class="hidden" ng-click="prevQuestion()">Anterior</button>
<button id="next" ng-click="nextQuestion()" disabled>Siguiente</button>
</div>
{{元素.问题}
{{element.answerA}}
{{element.answerB}}
{{element.answerC}}
先前的
西吉恩特
这有什么问题吗?提前感谢。因为
ng repeat
创建了自己的$scope
,正如您在本文中看到的,您最好使用它来实现您想要的
使用您的代码的演示:
注意:我不知道除了隐藏/禁用按钮之外,您是否还在使用jQuery
进行其他操作,但是所有的都可以通过角度轻松完成,如下所示:
<input type="radio" ng-model="main.answer" value="A" ng-change="enableSubmit()" />
$scope.enableSubmit = function() {
$('#next').prop('disabled', false);
};
$scope.enableSubmit=函数(){
$('#next').prop('disabled',false);
};
在视图中应该是这样的:
<button ng-disabled="!main.answer" id="next" ng-click="nextQuestion()">Siguiente</button>
Siguiente
我希望有帮助 首先,
input
标记是一个自动关闭的标记,然后你的HTML在语义上是不正确的。这样做并不能解决问题。你可以在plnkr中提供一个简单的演示来演示你的JS控制器和完整视图。。这样说很难不客气,你能检查一下答案是否正确吗?只需点击左边