ブーラップドロップダウンの選択値を角度で取得する方法は？

Question

下のドロップダウンから選択した値を取得するにはどうすればよいですか？以下は

<ul class="nav-drop-menu" id="ddlHotelSort"> 
    <li class="liselect" value="{{ssort.Sort}}" ng-repeat="ssort in vm.searchsort"> 
    <a href="javascript:void(0)" class="SortClass" name="Sortclass" style="left:0px" value="{{ssort.Sort}}">{{ssort.Name}} 
     </a> 
    </li> 
</ul> 

ドロップダウン開口部の画像が..です はどのようにして、角度のアプリケーションでのイベントとモデル値を扱うことができますか..？

Answer 1

<ul class="nav-drop-menu" id="ddlHotelSort"> 
    <li class="liselect" ng-click="getSelectedItem(ssort);" value="{{ssort.Sort}}" ng-repeat="ssort in vm.searchsort"> 
    <a href="javascript:void(0)" class="SortClass" name="Sortclass" style="left:0px" value="{{ssort.Sort}}">{{ssort.Name}} 
     </a> 
    </li> 
</ul> 

コントローラ機能

$scope.getSelectedItem = function(item){ 
    console.log(item);//selected item 
} 

Answer 2

ちょうどliクリックで関数を呼び出すには、ここにあなたのオプションを持つ例です。

だけ

var app=angular.module('myApp',[]) 
 

 
app.controller('MyCtrl',MyCtrl) 
 

 
function MyCtrl($scope) { 
 
    $scope.opts = ["Recommended","FirstClass","SecondClass","ThirdClass"   ]; 
 
    
 
    $scope.my_method = function(opt) 
 
    { 
 
    alert(opt) 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 
<div ng-app ng-controller="MyCtrl"> 
 
    <ul> 
 
    <li ng-repeat=" opt in opts" ng-click="my_method(opt)"> 
 
     {{ opt }} 
 
    </li> 
 
    </ul> 
 
    
 
    <p>{{opt}}</p> 
 
</div>

を実行し、各リーにコードスニペットをクリックすると、それは私のために働いた各li

HEre is an example fiddle with your options