單擊列表中的每個單選按鈕後，ng-change不會觸發

Question

我正在爲我的大學項目創建一個小應用程序，我有一個場景，當用戶單擊單選按鈕時應該觸發一個事件。

我的角度代碼塊：

<div ng-repeat="q in questionList " ng-if="ExamOver == false"> 
     <h2>{{count+1}} .{{q.questionText}}</h2> 
     <ul> 
      <li ng-repeat="d in q.Choices"> 
       <input type="radio" name="isCorrect" ng-model="correctAnswer.isworking" ng-change="getDetails($index,d,correctAnswer.isCorrect);" value="Yes" /> 
       {{d.choiceText}} 
      </li> 
    </ul> 
</div> 

在我的控制，我有這樣的代碼：

$scope.correctAnswer = {isCorrect : false}; 

$scope.getDetails = function (index, choiceList, isCorrect) {  
    /* some logic... */ 
} 

事件被解僱，每個按鈕只有一次，我試圖解決這個過去幾個小時沒有任何進展，有人可以請指導我在這裏做錯了什麼？

Answer 1

ngChange如果ngModel的值發生變化，將被觸發。

你的單選按鈕都具有即相同的值「是」時，您（ng-model）綁定變量的值改變

<input type="radio" name="isCorrect" ng-model="..." ng-change="..." value="Yes" > 

Answer 2

ng-change將被解僱。在這裏，所有的單選按鈕都有相同的value="Yes"。這就是爲什麼ng-change沒有被觸發的原因。從docs：

當用戶更改輸入時評估給定的表達式。與JavaScript onchange 事件不同，該事件僅在更改結束時觸發（通常，當用戶離開表單元素或按下返回鍵時），纔會立即評估表達式。

很好的解決方案取決於您的需求，但其中有一些想法：

解決方案1 ​​

設置不同的值，請輸入：

<li ng-repeat="d in q.Choices"> 
    <input type="radio" 
      name="isCorrect" 
      ng-model="correctAnswer.isworking" 
      ng-change="getDetails($index, d, correctAnswer.isCorrect)" 
      ng-value="$index" /> 
    {{d.choiceText}} 
</li> 

解決方案2

點擊收音機時觸發您的功能：

ng-click="getDetails($index, d, correctAnswer.isCorrect)"