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

【问题标题】：Add a separator in md-autocomplete list在 md-autocomplete 列表中添加分隔符
【发布时间】：2016-11-04 21:15:47
【问题描述】：

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

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

问题是

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

还有其他方法可以在 md-autocomplete 中创建“分隔符标签”吗？或者有什么方法至少可以解决上面提到的两个问题？

【问题讨论】：

标签： javascript angularjs autocomplete md-autocomplete

【解决方案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> 是允许创建不可选择项（类别标题）的东西

【讨论】：