Question

我在Angular中有一个下拉列表。我想限制一些价值观。我尝试使用过滤器，如下面的Plunkr。

一次仅适用于一个ID。但是，如果我想显示例如1和2的两个记录。怎么做？

Plunkr：

http://plnkr.co/edit/CumFFs9dMMb4krosKKZC?p=preview

的Javascript

(function(angular) {
'use strict';
 angular.module('ngrepeatSelect', [])
   .controller('ExampleController', ['$scope', function($scope) {

     $scope.filterCriteria ;

     $scope.data = {
       repeatSelect: null,
       availableOptions: [
         {id: '1', name: 'Option A'},
         {id: '2', name: 'Option B'},
         {id: '3', name: 'Option C'}
       ],
     };
  }]);
})(window.angular);

HMTL

<body ng-app="ngrepeatSelect">
  <div ng-controller="ExampleController">
  <form name="myForm">

    Filter <input type="text" ng-model="filterCriteria"> <br><br>

    <label for="repeatSelect"> Repeat select: </label>
    <select name="repeatSelect" id="repeatSelect" ng-model="data.repeatSelect">
      <option ng-repeat="option in data.availableOptions | filter : filterCriteria" value="{{option.id}}">{{option.name}}</option>
    </select>
  </form>
  <hr>
  <tt>repeatSelect = {{data.repeatSelect}}</tt><br/>
</div>
</body>

更新： -

我正在尝试将一些可用的下拉值从原始大列表减少到一个小列表。（旁注：我只需要一个选择而不是多选功能。）

Angular - select - 过滤多个值

0 个答案: