如何在angular-material中实现多选选项？
如何在angular-material中实现多选选项？
提问于 2015-02-22 16:28:33
我已经检查了文档和演示，但是天哪！我还没有找到任何实现多选选项的参考，比如使用angular-material的select 2。有没有人能告诉我怎么做？
回答 2
Stack Overflow用户
发布于 2015-08-13 18:16:06
查看chips
您也可以应用您自己的自定义模板。
Stack Overflow用户
发布于 2015-10-01 22:49:39
我使用下面的代码来允许我使用ng-repeat和一些md-select，它们是多个的，有些不是(从Angular 1.4.7开始)：
index.html
<md-input-container ng-repeat="item in items track by $index">
<label>{{item.title}}</label>
<div ng-include="item.multiselect == 'true' ? 'm_selectfragment.html' : 's_selectfragment.html'"></div>
</md-input-container>Javascript
$scope.items =
[{title: 'funny',
selected: '',
names: [
{name: 'some name'},
{name: 'other name'},
{name: 'more?'},
{name: 'say wha???'}
],
multiselect: "false"
},
{title: 'serious',
selected: '',
names: [
{name: 'Obama'},
{name: 'Trump'},
{name: 'Hillary'},
{name: 'Putin'}
],
multiselect: "true"
}];m_selectfragment.html
<md-select name="item.title" ng-model="item.selected" multiple="true">
<md-option ng-repeat="name in item.names" value="{{name.name}}">{{name.name}}
</md-option>
s_selectfragment.html
<md-select name="item.title" ng-model="item.selected">
<md-option ng-repeat="name in item.names" value="{{name.name}}">{{name.name}}
</md-option>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28655946
复制相关文章
相似问题