多选模式下具有 md-select 的 md-chips

当我尝试从 md-select 中选择多个值时生成 md-chips 时，它不起作用。 md-chips 是否仅适用于自动完成分析器和输入字段？

<md-chips ng-model="launchAPIQueryParams.type">
   <md-select name="launchCalType" ng-model="launchAPIQueryParams.type" 
                       multiple="true" placeholder="Launch Type"
                       md-on-close='applylaunchFilter("type")'>
        <md-option ng-repeat="typeOption in launchTypeOptions" ng-value="typeOption[1]">
                  {{typeOption[0]}}
         </md-option>
    </md-select>
</md-chips>

简短的回答：不。<md-chips>组件只需要<input> or <md-autocomplete>进入其被超越的语境。

然而，同样的事情可以通过md-autocompelet。 密钥已设置md-min-length on <md-autocomplete>为 0，这样它就会自动显示菜单，就像<md-select>菜单会是。 这是一个例子：

// controller.js
angular
  .moduel('mdChipsDemo', [])
  .controller('MdChipsDemoCtrl', function() {
    var vm = this;
    vm.selectedOption = '';
    vm.searchText = '';
    vm.launchAPIQueryParams = {
        types: [],
    };

    vm.launchTypeOptions = [
        {name: 'Op1', value: 1},
        {name: 'Op2', value: 2},
        {name: 'Op3', value: 3},
        {name: 'Op4', value: 4},
    ];
});

// template.html
<div ng-app="mdChipsDemo" ng-controller="MdChipsDemoCtrl as vm">
<md-chips ng-model="vm.launchAPIQueryParams.types">
  <md-autocomplete
            md-selected-item="vm.selectedOption"
            md-search-text="vm.searchText"
            md-items="typeOption in vm.launchTypeOptions"
            md-item-text="typeOption.name"
            md-min-length="0"
            placeholder="Search for a launchTypeOptions">
      <span md-highlight-text="vm.searchText">{{typeOption.name}}</span>
  </md-autocomplete>
  <md-chip-template>
    <span>{{$chip.name}}</span>
  </md-chip-template>
</md-chips>
</div>

如果你的最终目标是拥有多重选择能力，<md-autocomplete>还暴露<md-item-template>你可以把你的<md-select>检查md 自动完成的文档 https://material.angularjs.org/latest/api/directive/mdAutocomplete你会看到的。

或者如果你真的坚持使用<select>，npm 调用中有一个第三方组件md-chips-select这就是你想要的。https://www.npmjs.com/package/md-chips-select https://www.npmjs.com/package/md-chips-select