paste split pattern for ngx-chips (Angular)

Question

I'm trying to allow users to paste a list that is separated by , ; or | using ngx-chips.

There is an option to do this with pasteSplitPattern - [?string | RegExp]

When I try the following though, I get an error

[pasteSplitPattern]="[,|;]"

Parser Error: Unexpected token ,

What should I be doing differently?

Thanks. That gives the error "Parser Error: Unexpected token Lexer Error: Unexpected character [\]" — user749798, Feb 21 '19 at 16:27
When I try [pasteSplitPattern]="/[\,|;]/" I get the error "Parser Error: Unexpected token / at column 1 in [/[\,|;]/]" — user749798, Feb 21 '19 at 16:49
Did it work? Looking at the repo code, it seem to support only string unless I am missing something. — Bharat, Feb 21 '19 at 17:02
Didn't work yet. It allows regex... "pasteSplitPattern - [?string | RegExp]" — user749798, Feb 21 '19 at 17:25

score 5 · Accepted Answer · answered Feb 21 '19 at 17:07

5

Try using the following:

Define a new regex :

splitPattern = new RegExp('[\,\;]');

and then use it in your template:

[pasteSplitPattern]= "splitPattern"

answered Feb 21 '19 at 17:07

Zouhair Ettouhami

Somehow neither of those works for me. Are there other properties that [pasteSplitPattern] have to combined? – Kaloyan Stamatov Sep 12 '19 at 13:15

score 1 · Answer 2 · edited Jul 07 '21 at 09:31

1

I had the same problem : you have to add [addOnPaste]="true" to make it work!

edited Jul 07 '21 at 09:31

buddemat

answered Jul 07 '21 at 09:03

Simon Marcadet

This solution only includes the separation pattern by ",". To add a new pattern you must also use [pasteSplitPattern]="splitPattern" – Pablo Arak Nov 15 '21 at 14:10

score 0 · Answer 3 · answered Nov 22 '22 at 11:25

0

use the below to separate by comma or enter

[separatorKeyCodes]="[32, 188]"

answered Nov 22 '22 at 11:25

shanthan

3 Answers3