Formarray медленный рендеринг при загрузке больших данных в angular 6 - PullRequest
Новая
       32

Formarray медленный рендеринг при загрузке больших данных в angular 6

0 голосов
/ 26 сентября 2018

Я использую угловой 6. В этом я загружаю динамическую форму, используя formarray.

Formarray содержит более 100 строк раскрывающегося списка.При загрузке больших данных он зависает в браузере, для его обработки требуется больше времени.

Этот раскрывающийся список из 100 строк содержит список штатов и городов.

При редактировании пользователем необходимо отобразить выбранноештат и город в раскрывающемся списке.

Есть ли способ повысить производительность визуализации данных formarray.

Component.html 

 <Form [formgroup]="invest">
 <Div formArrayName="addinvest">
  <div *ngFor="let addinvest of invest.controls.addinvest.controls;let I= index>
   <div [formGroupName]="i">
    <select fromControlName="state">
     <option *ngFor="let state of states" [value]="state">{{state}}</option>
    </Select>
    <select fromControlName="state">
     <option *ngFor="let city of cities" [value]="city">{{city}}. 
  </option>
    </Select>
  </div>
 </div>
 </div>
 </form>

Component.ts 

setStateControl(){
let control=<FormArray>this.invest.controls.addinvest;
This.statelist.foreach(x=> {
  Control.push(this.fb.group({
    state: x.state,
    City: x.city
  })
 }

Перед этим я загрузил весь выпадающий список.При редактировании пользователем from я должен показывать соответствующие значения в раскрывающемся списке

Примечание. Выше приведен фрагмент кода.Пусть в нем есть какая-то орфографическая ошибка.

...