angularjs - 如何在没有 ng-model 的情况下对 select 使用 ng-change

Question

ngChange directive需要 ngModel 存在，但是直接绑定(bind)到我的 Controller 中的字段很困难，因为逻辑有点复杂。

我有一份调查问卷，其中包含从数据库中检索到的问题。每个问题可能已经有了答案，我可以通过调用正在查看的调查中的方法来检索答案:

vm.survey.GetCurrentAnswerIDForQuestionID(q.ID)

更新时，很难直接绑定(bind)到属性，因为如果答案不存在，我需要创建一个实体来存储它，如果它存在，那么我更改它或删除它(当用户选择空选项)。

所以我认为我需要调用一个方法。像这样:

vm.survey.SetCurrentAnswerIDForQuestionID(q.ID, answerid)

我可以使用此标记正确显示选择列表:

<select ng-init="answerid = vm.survey.GetCurrentAnswerIDForQuestionID(q.ID)">
  <option value=""></option>
  <option ng-repeat="va in q.ValidAnswers | orderBy:'SortOrder'"
          ng-selected="va.AnswerID === q.currentAnswer"
          value="{{va.AnswerID}}">
    {{va.Text}}
  </option>
</select>

现在我想在用户更改答案时调用一个方法来设置答案。像这样:

        <select 
           ng-init="answerid = vm.survey.GetCurrentAnswerIDForQuestionID(q.ID)"
           ng-model="answerid" 
           ng-change="vm.survey.SetCurrentAnswerIDForQuestionID(q.ID, answerid)">
...etc

但这不起作用 - 当我查看页面时不再选择正确的项目

Answer 1

您应该使用 ngOptions 让绑定(bind)正常工作:

<select 
   ng-init="answerid = vm.survey.GetCurrentAnswerIDForQuestionID(q.ID)"
   ng-model="answerid" 
   ng-change="vm.survey.SetCurrentAnswerIDForQuestionID(q.ID, answerid)"
   ng-options="va.AnswerID as va.Text for va in q.ValidAnswers"
></select>