Use this tag for the select component native to Angular that accepts multi-select and auto-complete options.
Select component native to Angular that accepts multi-select and auto-complete options
Repository: Github
Questions tagged [angular-ngselect]
369 questions
0
votes
1 answer
Using typeahead with server data
I am using ng-select with Angular 7 and have the following component:
export class PostComponent {
selectedCategoryId: number;
categories$: Observable;
constructor(private categoryService: CategoryService) { }
ngOnInit()…
Miguel Moura
- 36,732
- 85
- 259
- 481
0
votes
1 answer
ng-select: Do not open dropdown on custom template label click
I need to execute an action if a user clicks on my custom label in a ng-select multiselect in Angular 6. I tried the following:
Template:
…
user1383029
- 1,685
- 2
- 19
- 37
0
votes
1 answer
How to remove search box in ng-select
My Angular 5 app needs to remove search box and clear x icon from ng-select.
{{ x.name }}
…
Prasanga
- 1,008
- 2
- 15
- 34
0
votes
1 answer
Angular and ng-select. Confirmation on selected item
I would like to get to work such a scenario:
A user selects an item in the dropdown. But previous value is still shown as selected (until a point 3 succeeded).
Selected value emitted through the @Output variable.
Selected value confirmed in any…
Anton Kochev
- 300
- 1
- 3
- 13
0
votes
1 answer
how to select group as whole in ng-select angular
I am using Angular ng-select component to have searchable , multi-select dropdown with group. I wanted to have functionality where if i select group all items under that group will get selected.
I am trying to replicate the code which is…
sahadev
- 29
- 2
- 13
0
votes
2 answers
Angular7 - Autofill ng-select
I have a view with an id in URL. When loading this view I call service and take all user data, looks similar to.
{
"code": 0,
"message": "",
"body": {
"id": 1,
"name": "test",
"profile": [
{
…
El Hombre Sin Nombre
- 2,906
- 18
- 49
- 92
0
votes
1 answer
@ng-select/ng-select show dropdown on typing
I am using,
ng-select
I am having one multi-select dropdown
everything working proper but i want some change, i want to show dropdown when user start types something and show only filtered data on user's typed content in text box.
Nikhil Savaliya
- 2,138
- 4
- 24
- 45
0
votes
0 answers
ng-select [items] binding getting the options too many times
I'm learning Angular, and tried to use NgSelect for the first time. And I noticed that if I use dropdownValues as [items] it is displaying in console "dropdownValues" each time mouse pointer is over any option in select, or each time I open and…
M. Duisenbayev
- 309
- 1
- 4
0
votes
0 answers
How to test ng-select inside a Reactive Form?
In my Angular app, I have a simple reactive form that uses ng-select as one required inputs.
I also have a "Save" button that is enabled only when the form is valid.
Everything works fine.
I want to write a simple test case to make sure that the…
Francesco Borzi
- 56,083
- 47
- 179
- 252
0
votes
1 answer
ngx-select - How to display custom items (different styles) in dropdown
I was trying to display the dropdown items using ngx-select with customized styling. The dropdown items are arrays of another components (with component specific styling). How to achieve this? Here is my code selectDropdown
Nicolas
- 554
- 2
- 11
- 27
0
votes
1 answer
Type 'Observable>' is not assignable to type 'Observable'
I'm using ng-select v2 and angular 7.
I'm getting an error at the return statement below
getHospital(term: string = null): Observable {
let items = this.getHospitals1();
if (term) {
items = items.pipe(
filter((x,i)…
Akhil Babu
- 23
- 2
- 5
0
votes
1 answer
How to remove the child when removing the parent?
I am making angular application with angular dynamic form where i am using ng-select library.
The HTML with select:
Maniraj Murugan
- 8,868
- 20
- 67
- 116
0
votes
1 answer
Angular jhipster
I'm developing an app using Jhipster where I'm trying to show a , that is not rendering as the attached file, I have also included the default theme (@import "~@ng-select/ng-select/themes/default.theme.css") in vendor.css and have…
vhiguita857
- 31
- 5
0
votes
2 answers
Binding ng-select to an object inside of an object
I'm using ng-select in my Angular project and my entities have Id objects that are objects on their own. (the Id contains multiple values).
So for example as items input you would have a cars array like the following:
let cars = [
{
id: {…
Nicholas
- 1,189
- 4
- 20
- 40
0
votes
1 answer
Changing the input value of the ng-select component while user types in angular 2
I have an ng-select component. I want to trim the input text the user puts in as s/he types. I have the below code i can take the text the user types but i could not figure out a way to put the trimmed text back to ng-select.
rematnarab
- 1,277
- 4
- 22
- 42