Stack Overflow
Stack Overflow

Questions tagged [ng2-tag-input]

18 questions
5
votes
3 answers

How to add custom styles to 3rd party components?

What is the recommended way to customize styles for a 3rd party component that I have downloaded via npm? For example the component ng2-tag-input. I run a webpack build that bundles all the 3rd party js-files into a vendor.js and all the 3rd party…
Joel
  • 8,502
  • 11
  • 66
  • 115
2
votes
1 answer

How to clear the typed value which retains in the textbox even after selecting the option in taginput in angular 5

I am using angular material to wrap the chips component with the combination of autocomplete component to get the tagInput component as a reusable component. Here everything is working fine, but the value whatever we type before selecting in the…
Shreelakshmi G
  • 119
  • 2
  • 16
2
votes
1 answer

how to add a button to angular 2's ng2-tag-input dropdown?

I am trying to create a custom template using ng2-tag-input for my drop-down. I use this as reference: this link. I have retrieved an object array using an observable and populated the drop down. Here is my html code (without the buttons yet):
Niranjan Shankar
  • 147
  • 2
  • 2
  • 12
1
vote
0 answers

importing external libraries ng2-tag-input into Angular 2

I'm attempting to use the ng2-tag-input library in my angular 2 application. I've run: npm install ng2-tag-input --save I verified that the file installed in the node_modules folder I added the import statement to app.module.ts file: import {…
sprocketholer
  • 99
  • 5
1
vote
2 answers

ng2-tag-input separatorKeys not working

I am trying to use ng2-tag-input module , with a very basic configuration: import { Component } from '@angular/core'; @Component({ moduleId: module.id, selector: 'search-form', template: `
Yuvals
  • 3,094
  • 5
  • 32
  • 60
0
votes
0 answers

Tag-input tag added but value not removed

I am trying to add email tag in angular but facing a problem on press enter after adding a new email.A new tag appears but value also in the field which remove if i press enter again.
majid
  • 23
  • 8
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

Set ReadOnly for ng2-tag-input in angular

I have implemented tag input. I need to set tag-input as readonly. The above code is not working, [readonly]="true" also not…
Rashmi HazeL ivy DorisFay
  • 572
  • 1
  • 5
  • 13
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
2 answers

ngx-chips (ng2) tag input component custom theme not working

I have not foiund another question that has been answered already. I have looked at the description page of this already and followed the directives there. So in my Scss folder where I actually define custom bootstrap I created a new tag-input…
tekin
  • 145
  • 4
  • 15
0
votes
1 answer

Change CSS for Angular 2 Component

I'm new to web development and want to use ng2-tag-input in my Angular 2 app together with Clarity UI Framework. The tag input component doesn't render correctly because of CSS styles from Clarity UI that are in effect. For example, here are two…
J Kurz
  • 149
  • 1
  • 1
  • 6
0
votes
1 answer

Angular 2/4 Autocomplete define value

I tried to do an autocomplete with angular and used tag-input. The autocomplete works fine but before sending my form I want to define my display value and the id of the display value. My JSON File : [ { "active": true, …
user1814879
  • 984
  • 6
  • 23
  • 49
0
votes
1 answer

How to use ng2-tag-input with autocomplete dropdown for array of objects

The data for showing in the autocomplete dropdown: users = [{"user_id":0,"name":"name1"}, {"user_id":1,"name":"name2"}, {"user_id":2,"name":"name3"}]; The UI template code showing ng2-tag-input
hiteshgupta9193
  • 1
  • 1
  • 5
0
votes
2 answers

Exception on using ng2-tag-input

I am using ng-tag-input for tags input. I have followed the steps in the getting started in this link. Getting the following error: Found the synthetic property @flyInOut. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in…
SJMan
  • 1,547
  • 2
  • 14
  • 37
0
votes
1 answer

Angular2 tag-input inside child component can't submit all selected tags

I have a main component, inside that i use from another component that has tag-input dropdown, but when i submit the form tag-input selected items are not submitted properly, only one character of last selected item is posted. main component:
jones
  • 1,423
  • 3
  • 35
  • 76
1
2