Stack Overflow
Stack Overflow

Questions tagged [ngx-chips]

Use this tag to ask questions on the ngx-chips library which is a component for Angular. Design and API for this library are blandly inspired by Angular Material's md-chips.

ngx-chips library is a component for Angular. Design and API for this library are blandly inspired by Angular Material's md-chips.

Formerly called .

Useful links -

48 questions
1
vote
1 answer

Angular2+ Open Modal when item selected from ngx-chips (tag-input)

I would like to open a modal window when I select one of the tags present in my tag-input-dropdown. This is my code:
20.miles
  • 189
  • 2
  • 15
1
vote
1 answer

Ngx chips : Get current order after dragging

I enabled dragzone attribute and chips added are now draggable. So after dragging, how do we get current order of chips ?
Ast
  • 143
  • 7
1
vote
1 answer

ngx-chips - How to disable tag selection?

I'm using ngx-chips with Angular 5 and cant figure it out how to stop/disable selection of added tags. I saw in the docs that there is (onSelect) method and try to return false but it is not working. I also try to prevent event with (click), but…
Kaloyan Stamatov
  • 3,894
  • 1
  • 20
  • 30
1
vote
2 answers

ngx-chips tag-input-dropdown does not show autosuggest in iPhone

I have implemented ngx-chips for an email CC field. It works perfectly in my Android phone using Chrome. But, in iPhone, the autosuggestion does not show up.
RiyaGeorge
  • 135
  • 1
  • 14
1
vote
0 answers

How to get ngx-chips value in ngModel?

I have implemented ngx-chips in an email address field. It works well. But, when I output the value in component.ts, I get only the first chip's value. How to get the value of all the chips? If I have a@xyz.com and b@xyz.com in the html, only…
RiyaGeorge
  • 135
  • 1
  • 14
1
vote
3 answers

paste split pattern for ngx-chips (Angular)

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] https://github.com/Gbuomprisco/ngx-chips When I try the following though, I get an…
user749798
  • 5,210
  • 10
  • 51
  • 85
1
vote
1 answer

angular 6 ngx chips not displaying properly

So I'm using ngx-chips in my current projects and I saved my objects in an array so I can use the following example:

Tags within an autocomplete component (clear on blur events)

Lee Merlas
  • 430
  • 9
  • 24
1
vote
0 answers

ngx-chips not listing if input contains integer

I'm using ngx-chips in Angular 4, it's working fine if all of the inputs are string. If I enter any integer in any input, fo example mh1, it's not showing the dropdown. This is my component code: public requestAutocompleteItems = (text: any):…
Sachin G
  • 11
  • 1
1
vote
3 answers

Drop down not closing with ngx-chips angular 2

I am trying to use ngx-chips for tag based dropdown. Below is the code that I am using:
Tavish Aggarwal
  • 1,020
  • 3
  • 22
  • 51
1
vote
0 answers

Angular 4 prod build error after installing new angular cli version

I am getting following angular cli error when trying to build with prod flag. previously i used angular-cli 1.6.3 then its working perfectly,but now i have newly install angular-cli 1.7.0 in different PC and gives following error when doing ng build…
Dumal lakshitha
  • 96
  • 4
0
votes
0 answers

Clicking close (x) deletes the tag/chips, but the keyword list is not updating and refreshing the search. How can I fix this?

When I type the keyword the search for the typed word is done and only the filter of the typed words appears in the search field, when I delete the keyword the list is not updated. How to fix? HTML: …
siri_09
  • 11
  • 2
0
votes
0 answers

ngx chips sorting after editing the chips doesn't work in chrome but working in firefox

I am using ngx chips and I am trying to edit the tags after adding and called a sorting functin to sort them it's working as expected in firefox but not in chrome. is there any browser issue ? tags.component.html
Sagar Kumar
  • 13
  • 3
0
votes
0 answers

ngx-chips autocompleteItems dropdown is not showing with async data

Dropdown is not populating data after the search. When the second time api is called then the dropdown is showing but not on the first search. I want the list to be updated as soon as it receives the data from the api and the variable is updated. I…
Svibhor
  • 53
  • 10
0
votes
1 answer

How to remove the selected tags tag-input ngx-chips from code behind?

When i try to clear the model , it works first time but then it just doesn't clear the tags. HTML
akashSky
  • 1
  • 2
0
votes
1 answer

Is it possible to change the language of chips using ngx-chips library?

I am using ngx-chips library and this is the representation of the issue i am having: I have a select language dropdown and I want the languages of the chips to be changed based on the selected language. From the library docs this doesnt seem to be…
Alvi
  • 21
  • 6
1
2
3 4