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
0
votes
1 answer

Added tag doe not added to ngx-chips model

i am having a hard time understanding how new entry is added to the array of object specified in the directory. I am using ngx-chips Here is the sample code i made here is the ngx-chip directive
lemoncodes
  • 2,371
  • 11
  • 40
  • 66
0
votes
1 answer

Angular 8: ngx-chips form validation issue

I'm using ngx-chips in one of my Angular 8 project. When I was in the "edit" form (ngForm), I see the tag-input has the name of Genre which is selected. However, I'm unable to submit the form as it show me "Field is required". See below my code is…
Niladri Banerjee - Uttarpara
  • 2,219
  • 8
  • 52
  • 92
0
votes
1 answer

angular 8 chips autocomplete on bootstrap

Is there any type of similar version of the chips autocomplete for angular 8 and bootstrap like there is for the last example in angular material in here: https://material.angular.io/components/chips/overview ? I would like to have the possibility…
Tito
  • 722
  • 4
  • 26
  • 55
0
votes
1 answer

How to set initial value using ngx-chips

I have a problem with setting initial value on tag-input. When admin clicks on edit button tag-input must be got some initial value from database. How can i do that ? Here is the example of my code: …
batgerel.e
  • 837
  • 1
  • 10
  • 31
0
votes
0 answers

Add items to ngx-chips input model and only keep display and value fields

I'm using ngx-chips for a tag input control. I'm using my own custom objects as items to use in the control's dropdown; these have this structure: _id: number; name: string; summary: string; creationDate?: string; lastUpdate?: string; So as per…
IvanS95
  • 5,364
  • 4
  • 24
  • 62
0
votes
1 answer

ngx-chips not showing item list as autocomplete values Angular 5

I'm using ngx-chips to add a functionality of search and tags at the same time. I'm having a hard time making the dropdown to work. Here's a snippet of my tag
…
Luke Villanueva
  • 2,030
  • 8
  • 44
  • 94
0
votes
1 answer

Select Drop down list item on Tab click in ngx-chips

We are using ngx-chips for autocomplete text box, where we are fetching data from the remote source. If we copy paste an item and press Tab button we need to select the single item. But this is not working. Any help will be highly appreciated. Our…
Nayana Setty
  • 1,001
  • 1
  • 12
  • 34
0
votes
1 answer

How to make Ngx materialize chips double binding

I'm trying to create a custom component in angular + ngx-materialize that encapsulates logic of tags for a person using chips component. So I need to provide double binding between Person component and my tags component. I've created the component…
Luis M. Villa
  • 159
  • 11
0
votes
4 answers

ngx-chips autocomplete returns value along with display string

I am following this very basic example https://stackblitz.com/edit/ngx-chips-example component.ts export interface AutoCompleteModel { value: any; display: string; } public items = [ {display: 'Pizza', value: 1}, {display: 'Pasta',…
RiyaGeorge
  • 135
  • 1
  • 14
0
votes
1 answer

NGX-CHIPS not rendering Firebase returned list

I am using NGX-Chips in Angular. I am saving the typed in chips into Firebase and retrieving them. Problem is, when it tries to render the saved chips, it can't and throws an error. Before posting this question, I tried to read through and follow…
Mitch Evans
  • 301
  • 4
  • 17
0
votes
1 answer

ngx-chips, when disable attribute is set to false the tag-input-dropdown displays

When using ngx-chips I have a button that is disabling the input. When the input is enabled the tag-input-dropdown displays as if the user has clicked on the input field. Here is a working demo of this issue on stackblitz I have tried using an ngIf…
Simon245
  • 178
  • 2
  • 19
0
votes
0 answers

Angular 7 ngx chips working functionality

i have a scenario where i want to get input from the field and bind the content of input to tags in another span. I'm trying this with ngx chips in angular 7 project for a form.I want a div/span with those inputed values above the Reactive form Here…
HKI345
  • 293
  • 3
  • 8
  • 23
0
votes
1 answer

Autocomplete tag angular not working in iphone

I have used ngx-chips autocomplete feature. Its works in desktop and in android devices but its shows no suggestion in Iphone. Here is my code :
Ruchita Ajmera
  • 413
  • 1
  • 6
  • 17
0
votes
1 answer

How to split the tags automatically by special keyword?

I am developing an Angular 2+ web application in which I would like to copy the sentence like "User 1 | User 2 | User 3" in the text box and once I have copied , I expect it to be automatically converted into tags like in the picture below Please…
Rakesh L
  • 1,136
  • 4
  • 18
  • 44
0
votes
2 answers

How to retrieve the value of ng-input in Angular 6

I'm using Angular 6 and the module ngx-chips to use ng-input field, so this is the HTML template:
1 2
3
4