如何在 angular 中获取 bootstrap 下拉列表的选定值？

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>

下面是打开下拉菜单的图片.. 如何在 angular 应用程序中处理事件和模型值..？

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

如何在 angular 中获取 bootstrap 下拉列表的选定值？

How to get selected value of boostrap dropdown in angular?

custom-controls

twitter-bootstrap

angularjs

drop-down-menu