Jak zwiększyć wydajność przy wielokrotnym renderowaniu szablonu przy użyciu ngFor? Mam sytuację, w której muszę wyświetlać ten sam szablon w oparciu o liczbę. Robię to za pomocą * ngFor. Szablon ładuje się poprawnie, ale martwię się o wydajność. Ponieważ muszę wielokrotnie wyświetlać tę samą zawartość przez kilka tysięcy razy, wydajność będzie powolna po wczytaniu szablonu. Zrobiłem demo plunarek tutaj http://plnkr.co/edit/qTj4SVRnFD6N15PZ1GWC?p=preview. proszę zwiększyć liczbę formgroups w formarray z różnicą 1000, a następnie system będzie powolny lub się zepsuje. ten sposób i stworzyć formarray,Powolne renderowanie szablonu za pomocą metody angleular2 * ngFor
for(var i=0;i<100;i++){
let dummyFormGroup=this.fb.group({
'name':[''],
'place':['']
})
this.dummyFormArray.push(dummyFormGroup);
}
A ja uczynić kontrole formarray użyciu ngFor jak ten
<div *ngFor="let formgroup of dummyFormArray.controls" style="display:flex;flex-direction:row">
<p>
<label>Name:</label>
<input type="text" [formControl]="formgroup.controls['name']" />
</p>
<p>
<label>Place:</label>
<input type="text" [formControl]="formgroup.controls['place']" />
</p>
Czy ktoś mógłby mi zaproponować podejście, gdzie mogę zwiększyć wydajność po załadowaniu szablonu? Ponieważ jestem w porządku z czekaniem na wczytanie szablonu, jeśli potrzebuje on renderować tysiące rekordów. Ale gdy szablon jest gotowy, chcę, aby system był szybki w tym przypadku używając * ngFor. Niech ktoś mi pomoże w rozwiązaniu tego problemu. Dzięki!
czy możesz wyjaśnić, co masz na myśli mówiąc slow? Czy to post czy pre render? – Ced
Jego powolne renderowanie po poście –
Gdy szablon jest gotowy, edycja w polach wprowadzania tekstu jest wyświetlana powoli. Problem z logiką kodu jest prawidłowy? mam na myśli, czy * ngAby uruchomić jakiekolwiek zdarzenia w tle po załadowaniu szablonu? –