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には、2つのウェイ・バインドと呼ばれる機能があり、$ 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; 
} 

の値を変更