Dinamikus fejlécek és / vagy az Ivy Angular tartalma App

(Nasreddine Skandrani) (2020.06.24.)

Előfordulhat, hogy különböző fejléc sávokkal és / vagy tartalommal kell rendelkeznie, például a különböző típusú felhasználók számára. Ellenőrizzük, hogyan kell csinálni.

Megjegyzés:
Ha nem a szögös borostyánnal (8. és annál szögletesebb) van. Megnézheti a
bejegyzésemet ebben a github-számban ahol jó link demót adtam a segíthet kézben lustán betölteni a modult régi szögletes verziókban.
Ha az Ivy engedélyezve van, folytassa a cikk elolvasását, és megjelenik egy megoldás.

1. forgatókönyv: dinamikus fejlécek ugyanaz a tartalom

1. megoldás

Ehhez a megoldáshoz ellenőrizze az online bemutatót.

Ebben az 1. megoldásban a router-outlet nevet használjuk a header bar kezelésére. Sajnos a loadChildren és az útválasztó-kimenet nevű lusta betöltésnél jelenleg a Angular hibát észlelték.

Bug Github probléma -> https://github.com/angular/angular/issues/12842

Ez a bemutató ezzel a hibával zárul a naplóban:

Tehát most ez az 1 megoldás a `loadChildren` alkalmazással nem működik, de egyszer előfordulhat.

2. megoldás

Ellenőrizze az online bemutatót ez a megoldás 2.

Ebben a 2. megoldásban ezt a cikket használjuk. Tehát átirányítunk egy HeaderbarSelectorComponent -et, majd lustán töltjük be a megfelelő modult egy szabványos feltételhez ennek a komponensnek a belsejéből.

A demo2-ben átkapcsolhatja a 2 fejléceket a toggle user type gomb használatával az oldal törzsében, majd töltse be újra az oldalt.

❤️ Ez a megoldás tökéletesen működik, amint az a bemutatóban is látható. ❤️

2. forgatókönyv: dinamikus fejlécek dinamikus tartalommal

Ugyanazon stratégia alkalmazása mint a scenario1 / megoldás2 a dinamikus tartalom betöltéséhez.

Hasznosnak találta ezt a bejegyzést! adj neki 👏👏👏 .
Köszönöm

hivatkozva: 18093 12088 12842

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük