如何从下拉列表中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”中，你选择的值会来。