在自动完成列表中添加分隔符

Add a separator in md-autocomplete list

本文关键字：添加 分隔符 列表      更新时间：2023-09-26

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

然而，我所能做的就是将"分隔符"标签作为项目添加到选项列表中。是这样的:"分隔符"标签作为项添加到选项列表

问题是

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

是否有其他方法来创建"分隔标签"在md-autocomplete?或者有任何方法至少解决上面突出的两个问题吗?

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

相关文章：