Questions tagged [angular-ngselect]

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

369 questions
7
votes
3 answers

How to add "select all" functionality to ng-select in Angular 5

I found an examle which can do "select all": https://ng-select.github.io/ng-select#/multiselect-checkbox But, I get an error: Cannot read property 'selected' of undefined. I am wondering why I got this error, and how to implement "select all" using…
Mingyue Chen
  • 95
  • 1
  • 2
  • 9
7
votes
3 answers

angular ng-select and add event

I'm using ng-select and on selected item fire the callback which does some logic. I face the problem, that (add) event does not fire when I choose the item from the list and I use the (change) event instead. But if I use one item twice from the list…
Bogdan Tushevskyi
  • 712
  • 2
  • 12
  • 25
6
votes
2 answers

AngularJS ng-repeat filter based on select option

I am new to AngularJS. I am trying to filter the data set shown based on the option selected with a select box.
5
votes
5 answers

Runtime error ng-select-selection-model -

My purpose is to use this select in my lazy load module I do: imports: [ CommonModule, FormsModule, NgSelectModule ], providers: [] The template:
adsds
  • 123
  • 1
  • 12
5
votes
2 answers

Validation is not propagate to Custom Form Control ng-select in Angular

I'm using Reactive Form with Custom Form Control in my Angular 9 application. I wrapped my ng-select control with Custom Form Control. And I have problem with validation. I set formControl to be required. Documentation says that ng-invalid css class…
DiPix
  • 5,755
  • 15
  • 61
  • 108
5
votes
2 answers

Is there any way to provide custom sort at time of search on ng-select?

I have situation where I need to sort the data based on custom logic at time of search under ng-select. There is option for Search across multiple fields using [searchFn] but I need to sort the match result based on my custom logic. Is this…
Kaushik Thanki
  • 3,334
  • 3
  • 23
  • 50
5
votes
1 answer

ng-select - Large data set slow loading

I am using the ng-select library for Angular 5 at version 1.4.2. I have a large data set of about 700 records. The data in my select drop down appears fine but appears after a few seconds only. Is there a way to make it appear quicker? I have had a…
sachman
  • 393
  • 1
  • 10
  • 21
5
votes
6 answers

focusing ng-select filter input on drop down open

I'm using ng-select and have a custom filter header template defined which contains an input. I would like the input to receive focus when the dropdown is opened for the select, but I cant figure out how to. I have an example here ->…
mindparse
  • 6,115
  • 27
  • 90
  • 191
5
votes
4 answers

Open select from ts (angular, ng-select)

I have several ng-selects on a page, and am trying to open one from ts. I am able to focus on the right ng-select using the following: @ViewChildren(NgSelectComponent) ngselect:…
user749798
  • 5,210
  • 10
  • 51
  • 85
5
votes
4 answers

ng-select is not displaying the bindLabel value

Ng-select is not displaying bindLabel value to the client. There is not a single Error as well. I have a couple of ng-select dropdowns. and It is showing value in one Dropdown in one div. However, even if I am using the same dropdown in another div…
tanmay parmar
  • 279
  • 1
  • 4
  • 15
5
votes
3 answers

Angular ng select required option

I cannot find out how to use the required option in ng-select. I have tried this:
Iraklis
  • 208
  • 1
  • 5
  • 16
5
votes
2 answers

Angular 6 Concat string for BindLabel in

Using Angular 6, I want to concat Firstname and Lastname in bindLabel inside ng-select tag ? Here is my html : ng-select [items]="persons" bindLabel="LastName" bindValue="Id" [(ngModel)]="selectedItem" placeholder="person" Any idea ?…
cn-ge
  • 81
  • 1
  • 5
4
votes
3 answers

Angular 8 - FormArray "No value accessor for form control with path"

I'm using ng-select on a form, but now I want to wrap a specific configuration of this on a custom component. The problem is I'm using a FormArray which contains several of this, in the next way: this.profileForm = this.formBuilder.group( { …
Neil89
  • 101
  • 1
  • 6
4
votes
2 answers

@ng-select 3.x doesn't work mouse click options

After migrating to @ng-select v3.x (https://github.com/ng-select/ng-select), mouse click no longer works on items. My application uses bootstrap 4 and angular 8. Returning to v2.20.5 version works again normally. Someone with the same problem?
4
votes
2 answers

Ng-select style issue

After install ng-select with : npm install --save @ng-select/ng-select I'm importing the material style to styles.scss with : @import "~@ng-select/ng-select/themes/material.theme.css"; body { But after all, the component is being presented with a…
GCoe
  • 849
  • 4
  • 14
  • 30
1
2
3
24 25