ドロップダウンリストで選択した文字列を角型で取得する

Question

まず、フロントエンド開発の初心者です。質問があまりにも初心者であれば、私はよろしくお願いいたします。

<div ng-controller="FacetController"> 
    <div class="spnlocationdrop-container" ng-hide="isservicelocal"> 
     <select class="spnlocationdrop" ng-model="$parent.locationsearch" ng-options="location for location in locations | sortArray "> 
      <option value="">All Cities</option> 
     </select> 
    </div> 
</div> 

リストは、このうち、ユーザーが1つを選択する必要があり、都市が含まれています

私が働いているプロジェクトは、ドロップダウンリストは次のように定義されています。値は格納され、AJAX呼び出しを介してバックエンドに送られなければなりません。

選択した値を取得するにはどうすればよいですか？これまではdocument.getElementByID().value()関数を使用していましたが、上記のリストにはIDが含まれていないので、どのように値を取得しますか？

Answer 1

ng-modelは、選択されたオプションの値を持ちます。

ここでは簡単な作業例です：私の例ではPlunker

、data.singleSelectあなたは私が希望私のコントローラでアクセスしたい場合けれども私はビューに{{ data.singleSelect }}を使用していることを出力することができるよ必要な値を持っていますvar input = $scope.data.singleSelectを実行し、そのinput変数をAJAX呼び出しによってバックエンドに渡します。