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

Question

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

但是，我所能做的就是将“分隔符”标签作为项目添加到选项列表中。像这样： “分隔符”标签作为项目添加到选项列表

问题是

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