Как автоматически разделить теги по специальному ключевому слову?

Question

Я занимаюсь разработкой веб-приложения Angular 2+, в котором я хотел бы скопировать предложение типа « Пользователь 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