文本字段的Angular + @Mentions组件

文本字段的Angular + @Mentions组件
插件名称 angular-mentions
发布时间 2020年7月15日
插件作者 dmacfarlane

一个简单的Angular @mentions组件,支持自动完成文本输入字段,文本区域和内容可编辑字段中的提及。

安装:

# NPM
$ npm install angular-mentions --save

基本用法:

导入提及模块。

import { MentionModule } from 'angular-mentions/mention';
...

@NgModule({
    imports: [ MentionModule ],
    ...
})

指定要建议的项目的字符串数组。

items: string[] = ["angular", "script", "com", "..."]

在您的文本字段中:

<input type="text" [mention]="items">

可能的选项。

{
  triggerChar: '#',
  maxItems: 10,
  mentionSelect: function(){}
  labelKey: 'name',
  disableSearch: false
}
<input type="text" [mention]="items" [mentionConfig]="{...'}">