angular - 如何通过特殊关键字自动拆分标签？

Question

我正在开发一个 Angular 2+ Web 应用程序，我想在其中复制文本框中的“用户 1 | 用户 2 | 用户 3 ”之类的句子，一旦我复制了，我希望它会自动转换为标签，如下图

请注意，我的句子用竖线（|）符号分隔。

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

但我的标签显示如下

Answer 1

您必须像这样拆分字符串：

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

然后您将能够处理标签数组（[“用户 1”、“用户 2”、“用户 3”]）。

取决于您需要什么，您可以使用*ngFor或在组件中编写额外的逻辑。

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