在md-autocomplete列表中添加分隔符

Question

我有一个自动完成列表，由两种输入组成 - 机场和度假村。我想添加分隔符文本，描述每组自动填充选项。像这样 Delienated options

但是，我能够做的就是将'Separator'标签作为项目添加到选项列表中。像这样： 'Separator' labels added as items to the options list

问题是

1. 我无法阻止用户选择分隔符 字段作为实际输入
2. 解决方案看起来很丑陋

还有其他方法可以在md-autocomplete中创建'分隔符标签'吗？或者以任何方式至少解决上述两个问题？

Answer 1

md-autocomplete没有此功能。 但您可以使用md-select

模拟自动完成功能

<md-select ng-model="destination" multiple> <md-optgroup label="Airpot"> <md-option ng-value="destination.name" ng-repeat="airport in destinations | filter: {category: 'airport' }">{{airport.name}}</md-option> </md-optgroup> </md-select>

<md-optgroup>允许创建不可选择的项目（类别标题）