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
4
votes
2 answers
How to add value and label to Angular 2 ng-select
Basically the ng2-select module allows me to add a 1 dimension array to its items:
items = ['option 1', 'option 2', 'option 3'];
which looks like :
ng-select dropdown
but what I want is having this kind of items set:
items = [
{ value: '1',…
Lu Blue
- 335
- 3
- 10
4
votes
1 answer
Search event not firing in @ng-select/ng-select
Harish Krishnan
- 1,693
- 4
- 17
- 25
4
votes
1 answer
ng-select dropdown is breaking on UI after upgrading to latest versions - Angular 6
I have migrated my application from Angular 5 to Angular 6. I have also updated ng-select version to 2.4.2, latest one from npm / GitHub.
After upgrading, the dropdown is breaking and I cannot see the dropdown design or style. just list of with…
Aakash Kumar
- 893
- 4
- 15
- 38
4
votes
3 answers
how to properly bind loaded data to @ng-select, angular5
Working with angular 5 and @ng-select I found some issues binding to previously selected data(in edit forms an such as)
Ngselect definition
Juan I. Morales Pestana
- 1,057
- 1
- 10
- 34
4
votes
1 answer
Angular 2 form status is always invalid with custom validation for ng-select control
I have used validation in user info form as below.
this.userInfoForm = this.fb.group({
retrieveId: [''],
customerName: [[],[UtilityService.checkMinLength(3, 50)]],
});
I have created below service to check validation
@Injectable()
export…
Ibrahim Shah
- 95
- 1
- 7
4
votes
3 answers
Changing css class properties based on condition (*ngIf in angular 2)
I want my css class to change based on condition. I'm trying to use this:
ABGR
- 4,631
- 4
- 27
- 49
4
votes
2 answers
How to reset values in ng-select in angular
I am using ng-select on a modal.
KNimhan
- 91
- 2
- 6
4
votes
5 answers
How to implement multiple select dropdow with grouping in angular 2 application?
How can I implement multiple select drop down with grouping in my angular 2 application? I need the drop down like the images linked in this question How can implement grouping in ng-select of Angular2?. Kindly help me out.....I am stuck on this…
Manjit
- 221
- 2
- 4
- 15
4
votes
1 answer
Angular 2 ng-select multiple selected values issue
I am working on Angular 2 and used library Angular 2 select component
enter link description here
I need set default item selected but when I displayed select values I got some error. I have also check this link enter link description here for help…
okconfused
- 3,567
- 4
- 25
- 38
3
votes
3 answers
show database fetched values if present else show default text in ng-select angular
I have 3 dropdowns for country,state,city in angular. I have used ng-select module for those dowpdowns from reference here. On country change states populates, and on state change city populate.
template HTML
ganesh
- 416
- 1
- 11
- 32
3
votes
1 answer
search or filter data based on first letter match
I am using ng-select library for implementing a search dropdown. I am trying to implement a custom function that will filter items by first matching letter in the dropdown when I start typing. For example if user types in 'A', it should only show…
yellowSub
- 209
- 3
- 12
3
votes
4 answers
Cypress: How to scroll a dropdown to find item
I need to click a dropdown list and scroll to find an item by text.
At the moment I know that the item is at the bottom of the list so I can do:
cy.get('.ng-dropdown-panel-items').scrollTo("bottom").contains(/test/i).click()
and this works, but if…
SamHeyman
- 207
- 3
- 13
3
votes
1 answer
How to limit the number of items displayed in an NgSelect dropdown panel?
So I am using Angular ngselect to display a dropdown which contains a bunch of options. Due to the restrictions of the screen, I want to limit the number of items displayed in the dropdown to let's say 3 and the user can scroll through the remaining…
Karry Bee
- 141
- 1
- 10
3
votes
0 answers
Angular Not working a click on table after click into ng-select
I get data from backend and I need show it in table.
Data have to be grouped by some attributes, here is the code:
getRows(data: MyData[]): Array> {
const exceptionsArray: Array> = [];
const exceptions = new…
user3468921
- 561
- 2
- 8
- 26
3
votes
0 answers
ng-select: What is the difference between using ng-option and ng-template?
So I have an array with over 45,000 items and i want to make an ng-select component. I tried displaying the options using ng-option and *ngFor but the component got really slow to load. However, when I used ng-template and [items] property on…
Abhyuday Singh
- 31
- 2