Dynaamiset otsikkopalkit ja / tai Ivy Angular -sisällöt Sovellus

(Nasreddine Skandrani) (24. kesäkuuta 2020)

Saatat tarvita erilaisia ​​otsikkorivejä ja / tai sisältöä esimerkiksi erityyppisille käyttäjille. Tarkistetaan, miten se tehdään.

Huomaa:
Jos et ole kulmikas muratti (kulmikas 8 tai alle). Voit tarkastella
viestini tässä github-numerossa , johon lisäsin hyvän linkkidemon auttaa sinua laiskasti lataamaan moduulin vanhoissa kulmaversioissa.
Jos Ivy on käytössä, jatka vain artikkelin lukemista.

Skenaario 1: dynaamiset otsikkopalkit sama sisältö

Ratkaisu 1

Tarkista tämän ratkaisun online- -esittely .

Tässä ratkaisussa 1 käytämme nimeä router-outlet käsittelemään header bar. Valitettavasti laiskalla latauksella loadChildren -nimellä ja reitittimen ulostulolla on virhe tällä hetkellä kulmassa.

Bug Github -ongelma -> https://github.com/angular/angular/issues/12842

Tässä esittelyssä on virhe lokissa:

Joten toistaiseksi tämä ratkaisu 1, jossa on `loadChildren`, ei toimi, mutta saattaa jonain päivänä.

Ratkaisu 2

Tarkista online -demo tämä ratkaisu 2.

Tässä ratkaisussa 2 hyödynnetään tätä artikkelia . Joten reititään HeaderbarSelectorComponent -sivulle ja ladataan sitten laiskasti oikea moduuli vakioehdolla tämän komponentin sisältä.

Demo2: ssa voit vaihtaa 2 otsikkopalkkeja käyttämällä sivun rungossa olevaa painiketta toggle user type ja lataamalla sitten sivu uudelleen.

❤️ Tämä ratkaisu toimii täydellisesti, kuten demossa näkyy. ❤️

Skenaario 2: dynaamiset otsikkorivit dynaamisella sisällöllä

Käytä samaa strategiaa dynaamisen sisällön lataamisen skenaario1 / ratkaisu2-muodossa.

Löysit tämän viestin hyödyllisenä! anna sille 👏👏👏 .
Kiitos

viitattu: 18093 12088 12842

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *