AngularJS单选按钮未选择的问题

AngularJS单选按钮未选择的问题,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

我试图在单选按钮上捕捉ng change事件,但问题是,只有在我第二次单击同一组中的任何收音机时,才会检查它。另外,当我第一次点击一个单选按钮时,会调用ng changed,但如果我再次点击另一个单选按钮或同一个单选按钮,则不会调用ng changed

<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控制器和完整视图。。这样说很难不客气,你能检查一下答案是否正确吗?只需点击左边