如何通过特殊关键字自动分割标签?

时间:2018-09-12 10:52:33

标签: angular ngx-chips

我正在开发Angular 2+ Web应用程序,我想在文本框中复制“ 用户1 |用户2 |用户3 ”这样的句子,复制后,我希望它会自动转换为如下图所示的标签

enter image description here

请注意,我的句子用竖线(|)分隔。

我尝试使用ngx-chips插件并使用了pasteSplitPattern-[?string | RegExp]

但是我的标签显示如下

1 个答案:

答案 0 :(得分:0)

您必须像这样分割字符串:

const tags = event.value.trim().split('|');

然后您将能够处理标签数组([[User 1“,” User 2“,” User 3“]]。

根据需要,可以使用 * ngFor 或在组件中编写其他逻辑。

这是在Space上吐痰的示例。您可以将其更改为|https://stackblitz.com/edit/angular-chipses?file=app/chips-autocomplete-example.ts