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
7
votes
2 answers

Validator on add and without clearing (ngx-chips, angular)

I'm using ngx-chips to add a list of emails as tags into an input. A validator makes sure that each tag appears like an email. How can I make sure that: 1) The validator only triggers when a tag is being added (i.e., user hits enter, space or…
user749798
  • 5,210
  • 10
  • 51
  • 85
4
votes
0 answers

Chips in angular with bootstrap with no material dependency

Details: Angular v9 Bootstrap 4 @ng-bootstrap/ng-bootstrap v5.2.1 I tried ngx-chips, but it is dependent on angular material. And my project is using bootstrap. For now I am using ng-select with tags. Can anyone suggest some other option?
khush
  • 2,702
  • 2
  • 16
  • 35
3
votes
1 answer

how to disable matchip in angular

So I have Tags component and I imported that component in my Chart-details component. In my Chart Details component I have a checkbox that will disable all the input box, drop down box, buttons that are located inside chart-details page but some…
user9436741
2
votes
1 answer

ngx-chips: unable to show auto complete items

In Angular, I want to show the items (genreName) in autocomplete. In the .html I wrote the following:
Niladri Banerjee - Uttarpara
  • 2,219
  • 8
  • 52
  • 92
2
votes
0 answers

Ngx-chips populate doesn't post the HTML object onFocus of input

This code is used to populate auto suggest field with
Rameshow Patil
  • 21
  • 2
2
votes
0 answers

Ngx-chips populate not showing `name` or `id` which provided dynamically

I am working with ngx-chips and below code is to populate suggestion tag-input field.
Sudhir Sapkal
  • 1,018
  • 7
  • 14
2
votes
1 answer

ngx-chips: it's not possible to add a second tag from autocompleteItems

I'm using ngx-chips with autocompleteItems for tags input, but after adding the first tag, the dropdown is not appearing anymore and also there is no error in the console. HTML
Paul
  • 1,325
  • 2
  • 19
  • 41
2
votes
0 answers

ngx chips race condition on blur

2
votes
2 answers

Ngx-Chips - Autocomplete list not updated after receiving response

I am using ngx-chips plugin in my project. Now the dropdown list is populated using Http call to server. myContactList data is updated on view as well but I cannot see the dropdown. If I type some text again the list shows up. But the list is old…
Sangwin Gawande
  • 7,658
  • 8
  • 48
  • 66
1
vote
0 answers

Angular 8: ngx-chips issue

Getting below error for importing ngx-chips in my module. My angular version is 8 and ngx-chips version is "ngx-chips": "^2.0.0-beta.0", getting below error>> ERROR in…
VenkateshW
  • 11
  • 2
1
vote
1 answer

How to programmatically add chips, without using [(ngModel)]

In the app that I work on we have the tag-input but there is no ngModel, so the items just get thrown inside using the mouse, so from the client side. I want to be able to clear the chips and insert my own, but programatically, from the code which…
Vladimir Despotovic
  • 3,200
  • 2
  • 30
  • 58
1
vote
1 answer

ngx-chips show dropdown when input is focused

I'm using ngx-chips to create a tag input for Angular 8. I got it all to work but I would like for my input to show the dropdown whenever I focus on the tag. Currently it only shows the dropdown when I focus on the input part, which is pretty…
Lee Merlas
  • 430
  • 9
  • 24
1
vote
1 answer

add tags dynamically on Tab and Spacebar event in ngx-chips

Please Anyone tell me how add tags dynamically on Tab and Spacebar event in ngx-chips.
Gautam Sharma
  • 303
  • 1
  • 10
1
vote
1 answer

Ways to make bootstrap dropdown to show on top of a modal

I'm trying to create a bootstrap modal with Angular, which has a tag-input from ngx-chips module. The tag input has an autocomplete feature, which takes array of data to be displayed as dropdown. What I'm facing is that e dropdown comes behind the…
Surya
  • 628
  • 3
  • 9
  • 26
1
vote
1 answer

Angular - OnSelected function not works on tag-input

I'm using ngx-chips, but I can't implement the OnSelected function. In my app.component.html I have this:
…
20.miles
  • 189
  • 2
  • 15
1
2 3 4