我怎么能在角材料中实现多个选择选项？

Question

我检查了文档和演示,但唉!我没有找到任何使用angular-material实现多选项的参考,例如select 2.谁能告诉我如何使它工作？

Answer 1

Splaktar的答案是正确的:只需在你的md-select中添加多个.

Codepen工作解决方案:http://codepen.io/ansgar-john/pen/RWPVEO？edit = 101

HTML

<div>
  <md-input-container>
    <md-select multiple ng-model="ctrl.likedAnimals" placeholder="please select">
      <md-option ng-repeat="a in ctrl.animals" value="{{a}}">{{a}}</md-option>
    </md-select>
  </md-input-container>
</div>

JS

(function () {
  'use strict';
  angular
      .module('MyApp')
      .controller('AppCtrl', function($scope) {
        this.likedAnimals = ["mouse", "dog"];
        this.animals = ["mouse", "dog", "cat", "bird"];
  });
})();

基于Stack Overflow的代码答案:我如何在角度材料中实现多个选择选项？

Answer 2

您可以在此处查看指令的文档.

属性

multiple(可选):boolean - 是否是多个.

<md-select ng-model="someModel" placeholder="Select a state" multiple="true">
    <md-option ng-value="opt" ng-repeat="opt in neighborhoods2">{{ opt }}</md-option>
</md-select>

如果这不起作用,我听说md-multiple可能会有效,但文档还没有更新.但我还没有能够验证这一点.

Answer 3

签出筹码

您也可以应用自己的自定义模板。