javascript - 使用 AngularJS 更新下拉列表

Question

我希望有机会从下拉列表中选择一个值，然后单击链接以获取下拉列表的下一个值。如果单击链接，如何更新下拉列表中选定的值？

<select class="dropdown-select" name="mySelect" id="chapter" ng-options="option.Icnumber for option in selected" 
ng-model="selected.Icnumber" ng-change="updateChapter(selected.Icnumber.Icnumber)">
</select>

<a ng-show="nextChapter" class="ng-hide" ng-click="updateChapterNext(selected.Icnumber.Icnumber)">Next Chapter</a>

谢谢!

Answer 1

Angular 有一个称为两种方式绑定(bind)的功能，无论你在 $scope 中拥有什么并在模板中使用它，当你更新 Controller 中的值时，它都会自动更新模板中的值。

对于您的问题，您使用selected作为下拉值。

因此在您的 updateChapterNext 函数中修改 selected 的值

所以

$scope.updateChapterNext = function(param){
  // do your thing to call next chapter
  // and assign the response or new value to selected
  $scope.selected = newValueForSelected;
}

这将更新下拉列表中选定的值