如何使用AngularJS检查在多选下拉列表中选择了哪个选项?

时间:2018-03-09 11:44:36

标签: javascript angularjs angularjs-ng-repeat

使用AngualrJS,下拉列表中的ng-repeat值列出了井选项。我怎么知道在这样的多选下拉列表中选择了哪个选项:

<select custom-select ng-model="selectedEmp" data-container="body" multiple="">
    <option value="{{ emp._id }}" ng-repeat="emp in employeeList">
        {{ emp.first_name }} {{ emp.last_name }}
    </option>
</select>

2 个答案:

答案 0 :(得分:0)

https://docs.angularjs.org/api/ng/directive/select。这里说如果设置了多个,则“允许选择多个选项。选定的值将作为数组绑定到模型。”。所以看看example。我认为这是你想要实现的目标。

答案 1 :(得分:-1)

您可以通过以下方式实现它

HTML

<select custom-select ng-model="selectedEmp" data-container="body" multiple="">
    <option  ng-repeat="emp in names" ng-click="getSelected()">
        {{ emp.Name }} {{ emp.Country }}
    </option>
</select>

控制器

$scope.getSelected= function(){
  console.log($scope.selectedEmp)
}