如何從下拉列表中angularjs

Question

我有這一塊的下拉菜單的代碼檢索值， 這樣有超過1個下拉菜單中， 從中我想每一滴下來的名稱和它選擇的值

<div style="display: inline-block;" class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Front-Desk<span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="#"> 0</a></li> 
     <li><a href="#"> 1</a></li> 
     <li><a href="#"> 2</a></li> 
     <li><a href="#"> 3</a></li> 
     <li><a href="#"> Empty Values</a></li> 
    </ul> 
</div> 

例如：對於上面的代碼，angularjs應該返回我'前臺'與其選定值'2'（說）。 如果有來自JQuery的解決方案，那麼我也會很感激這個幫助。

Answer 1

我想我明白你想要什麼，所以你的HTML代碼應該象下面這樣：

<div style="display: inline-block;" class="dropdown"> 
 
     <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" ng-click="name='Back-Desk'">Back-Desk<span class="caret"></span></button> 
 
     <ul class="dropdown-menu "> 
 
      <li ng-click="getValue(0)"><a><span> 0</span></a></li> 
 
      <li ng-click="getValue(1)"><a><span> 1</span></a></li> 
 
      <li ng-click="getValue(2)"><a><span> 2</span></a></li> 
 
      <li ng-click="getValue(3)"><a><span> 3</span></a></li> 
 
      <li ng-click="getValue('Empty Values')"><a><span> Empty Values</span></a></li> 
 
     </ul> 
 
    </div>

和您的控制器應包含此功能

$scope.getValue = function(value) { 
     console.log("this is value:",$scope.name, value); 
    } 

Answer 2

你好，我想你是在角BTW新：

<div style="display: inline-block;" class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Front-Desk<span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="#"><span ng-model="value"> 0</span></a></li> 
     <li><a href="#"><span ng-model="value"> 1</span></a></li> 
     <li><a href="#"><span ng-model="value"> 2</span></a></li> 
     <li><a href="#"><span ng-model="value"> 3</span></a></li> 
     <li><a href="#"><span ng-model="value"> Empty Values</span></a></li> 
    </ul> 
</div> 

在控制器，你必須聲明一個變量「$ scope.value」中，你選擇的值會來。