Komponenta veidne ne vienmēr tiks fiksēta. Iespējams, lietojumprogrammai izpildlaikā būs jāielādē daži jauni komponenti.
Lietošanas scenāriji:
1. Lapas ielāde ielādē dažādus komponentus atbilstoši dažādiem parametriem, parādot dažādus efektus
2. Lapa sastāv no vairākiem elementiem, ne visi no tiem ir jāparāda sākumā, un pēc lietotāja klikšķiem tiks parādīta īpaša informācija, piemēram: cilnes cilnes, dinamiskie uznirstošie modālie lodziņi utt.
Šī raksta lietošanas scenārijs ir 2, iedomājieties,Ja neizmantojat dinamisko ielādi, atverot galveno interfeisu, tiks ielādēti visi slēptie lapas komponenti, un visi komponenti izsauc atbilstošos interfeisa pakalpojumus, bieži vien mums nav jāredz visa informācija, kas ir liela resursu izšķiešana, kā arī var izraisīt galvenās saskarnes lēnu ielādi, ietekmējot lietotāja pieredzi。
Ir divi veidi, kā dinamiski ielādēt komponentus ng:
Ielādēt jau deklarētos komponentus: izmantojiet ComponentFactoryResolver, lai atveidotu komponenta instanci citā komponenta skatā;
Dinamiski izveidojiet un ielādējiet komponentus: izmantojiet ComponentFactory un Compiler, lai izveidotu un atveidotu komponentus
Atbilstoši mūsu vajadzībām atsevišķi komponenti tiek izstrādāti iepriekš un ir jāparāda vienā komponentā. Tātad pirmais veids atbilst mūsu prasībām.
Lai dinamiski ielādētu komponentus, izmantojot ComponentFactoryResolver, jums jāsaprot šādi jēdzieni:
- ViewChild: īpašuma dekorators, caur kuru jūs varat iegūt atbilstošos elementus skatā;
- ViewContainerRef: skata konteiners, kurā var izveidot un dzēst komponentus;
- ComponentFactoryResolver: komponentu parsētājs, kas var atveidot vienu komponentu cita skatā.
Vispirms apskatīsim renderējumus, noklikšķiniet uz pogas modal1, lai dinamiski ielādētu modal1 komponentu, un noklikšķiniet uz pogas modal2, lai dinamiski ielādētu modal2 komponentu.
Pirmkārt, mēs izveidojam leņķa projektu.
Izveidojiet 4 komponentus, proti, indeksu, modālu1, modālu2 un modālu3, no kuriem modāls1 un modāls2 ir mūsu dinamiski ielādētie komponenti.
indeksa komponents
html:
TS:
modāls1 komponents
html:
TS:
Modal2 komponents
html:
TS:
Modal3 komponents
html:
TS:
Mēs izdrukājām viņu vārdus uz konstruktora 3 modāliem.
Modal1 un Modal2 ir dinamiski ielādēti, tikai noklikšķinot uz pogas, lai ielādētu, tiks aktivizēts izpildes konstruktors, Modal3 neizmanto dinamisko ielādi, pēc vecāku interfeisa ielādes Modal3 interfeisa konstruktors tiks izpildīts nekavējoties.
Tādā veidā jūs varat redzēt dinamiskās ielādes priekšrocības, un tā netiks ielādēta, ja to neizmantojat, līdzīgi kā slinka ielāde C#.
Avota koda lejupielāde:
Tūristi, ja vēlaties redzēt šīs ziņas slēpto saturu, lūdzu Atbildi
Resursu:Hipersaites pieteikšanās ir redzama.
|
Publicēts 29.05.2020 16:40:00
|
|
|
|
Saimnieks|
Publicēts 24.07.2020 17:52:58
|
Publicēts 26.10.2022 17:27:19
|
