Binding Dropdown with large dataset Angular 2
NickName:Bharat Joshi Ask DateTime:2017-10-17T14:25:08

Binding Dropdown with large dataset Angular 2

I am trying to bind Angular drop-down (Angular 2+) with 19000+ records, it's hanging application, we are unable to perform any other operation post that.

I am just using *ngFor, for same

 <select class="form-control" name="occupation" 
     [(ngModel)]="model.occupation" #occupation="ngModel" required 
     (ngModelChange)="onChange($event)">
     <option *ngFor="let c of ocupencycollection;">
        {{ c }}
     </option>
 </select>

Any other feasible solution?

Copyright Notice:Content Author:「Bharat Joshi」,Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/46783753/binding-dropdown-with-large-dataset-angular-2

More about “Binding Dropdown with large dataset Angular 2” related questions

Angular Select with Large dataset

I have an angular app that is using firebase to lookup a large dataset. I've to show a dropdown to the user with possibly 20k objects to the user. What are some of the best practices to do such t...

Show Detail

Binding Dropdown with large dataset Angular 2

I am trying to bind Angular drop-down (Angular 2+) with 19000+ records, it's hanging application, we are unable to perform any other operation post that. I am just using *ngFor, for same &lt;sel...

Show Detail

Angular 2 innerHTML (click) binding

I had such a large html menu that I decided to binding to be able to make several submenu dropdown and avoid html code duplication. Parent > child (which is parent too) > child... For the context...

Show Detail

Angular 2 innerHTML (click) binding

I had such a large html menu that I decided to binding to be able to make several submenu dropdown and avoid html code duplication. Parent > child (which is parent too) > child... For the context...

Show Detail

Angular 2 innerHTML (click) binding

I had such a large html menu that I decided to binding to be able to make several submenu dropdown and avoid html code duplication. Parent > child (which is parent too) > child... For the context...

Show Detail

IE 9/10 dropdown two way binding issue in Angular 2

I am facing strange issue on IE 9/10. Two way binding works for all html elements except dropdown. Values do not get selected on the dropdown even if the value exists in the dropdown. Here is the ...

Show Detail

Increasing Angular Performance in Custom Angular Dropdown with Filtering Functionality with One Way Binding

I have a custom angular component that works as a dropdown select element with filtering functionality. The input is a basic input element with several angular directives: &lt;input type="text" c...

Show Detail

Binding the values in a dataset to a dropdown list

I have a dropdown list. I am getting data from oracle data base as a dataset I want to fill the dropdown list with dataset values(data text field and data value field). Data coming from the databa...

Show Detail

ngModel Binding on Polymer dropdown (Angular2)

Ok so far I was successfully able to bind &lt;paper-radio&gt;, &lt;paper-checkbox&gt; with ngModel by using a Custom ControlValueAccessor for each one of them. Now I'm stuck at &lt;paper-dropdown-m...

Show Detail

Angular approach to reuse a dropdown list component in a large Enterprise app

I'm new to Angular and I'm starting to build an enterprise grade large app with Angular 5. I've choosen the Reactive Forms approach to build the app forms because there will be large forms in this...

Show Detail