Обновление выпадающего списка с 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

Угловое имеет функцию, называемую двумя способами связывания, что когда-либо у вас есть в $ scope и использовать ее в шаблоне, когда вы обновляете значение в контроллере, оно автоматически обновляет значение в шаблоне.

для вашей проблемы вы используете 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; 
} 

это обновит выбранное значение на раскрывающемся списке