我正在开发Angular 2+ Web应用程序,我想在文本框中复制“ 用户1 |用户2 |用户3 ”这样的句子,复制后,我希望它会自动转换为如下图所示的标签
请注意,我的句子用竖线(|)分隔。
我尝试使用ngx-chips插件并使用了pasteSplitPattern-[?string | RegExp]
但是我的标签显示如下
答案 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