AngularJS：將單選按鈕綁定到ng-model中，角度爲ng-repeat

Question

我目前正在學習angular.js，並且遇到問題。我基於從數據庫中提取的項目列出單選按鈕，當我點擊其中的任何一個時，我的模型不會更新。我添加了一個輸入來測試，輸入立即更新模型。

任何想法我失蹤了？

更新：它看起來問題來自引導和包圍單選按鈕的範圍。如果我刪除跨越模型得到更新

<div ng-repeat="question in questionnaire"> 
    <div class="btn-group col-xs-offset-1 col-xs-2 col-sm-2" data-toggle="buttons"> 
    <span class="btn btn-primary"> 
     <input type="radio" name="question{{$index}}" ng-model="formData[$index]" ng-value="false"> No 
    </span> 
    <span class="btn btn-primary"> 
     <input type="radio" name="question{{$index}}" ng-model="formData[$index]" ng-value="true"> Yes 
    </span> 
    <input type="text" name="testEntry{{$index}}" ng-model="formData[$index]" /> 
    </div> 
    {{formData}} 
    <span ng-bind="question.QuestionPhrase" class="message col-xs-8 col-sm-8"></span> 
</div> 

Answer 1

所以事實證明，問題來自跨度。我將它們更改爲標籤，並且工作正常。

下面是代碼：

<div ng-repeat="question in questionnaire"> 
       <div class="btn-group col-xs-offset-1 col-xs-2 col-sm-2" data-toggle="buttons"> 
        <label class="btn btn-primary"> 
         <input type="radio" name="question{{$index}}" ng-model="formData[$index]" value="false"> No 
        </label> 
        <label class="btn btn-primary"> 
         <input type="radio" name="question{{$index}}" ng-model="formData[$index]" value="true"> Yes 
        </label> 
       </div> 
       {{formData}} 
       <span ng-bind="question.QuestionPhrase" class="message col-xs-8 col-sm-8"></span> 
       <br /><br /><br /> 
      </div>