Dev Faq
0
votes

Angulaire ne rendant pas correctement HTML après le changement de liaison

Je suis nouveau à angulaire alors s'il vous plaît supporter avec moi.

mon administrateur-documentaires.component.html a le texte suivant:

administratif-documentaires fonctionne! p> code> p>

mon administrateur-home.component.html a le texte suivant: p> 

<a [routerLink]="['/admin/home']" routerLinkActive="active">
    Home
  </a>
<a [routerLink]="['/admin/documentaries']" routerLinkActive="active">
    Documentaries
</a>
<a [routerLink]="['/admin/comments']" routerLinkActive="active">
    Comments
</a>
<a [routerLink]="['/admin/users']" routerLinkActive="active">
    Users
</a>
<a [routerLink]="['/admin/activity']" routerLinkActive="active">
    Activity
</a>

3 commentaires

Voyez-vous une erreur dans la console? Si oui, qu'est-ce que ça dit?

@ Nash11 J'ai mis à jour avec la seule erreur d'erreur de messagerie instantanée.

Je suppose que vous devez avoir importé votre app-routing.module.ts dans app.module.ts documentaires est juste votre abonnement qu'est-ce que vous obtenez en l'enregistrant? Au lieu de cela, déclarez-y une fonction pour un traitement ultérieur.

3 Réponses :

0
votes

Le problème pourrait ne pas être à cause de cela, mais une correction à votre code. [ROUTERLINK] CODE> est utilisé pour se lier, mais vous n'êtes pas contraignant et utilise la chaîne pour le lien de routeur. 

<a routerLink="/admin/home" routerLinkActive="active">
    Home
  </a>
<a routerLink="/admin/documentaries" routerLinkActive="active">
    Documentaries
</a>
<a routerLink="/admin/comments" routerLinkActive="active">
    Comments
</a>
<a routerLink="/admin/users" routerLinkActive="active">
    Users
</a>
<a routerLink="/admin/activity" routerLinkActive="active">
    Activity
</a>

0 commentaires
0
votes

Changer votre abonnez-vous à: 

 public documentaries;


 constructor( ....

0 commentaires
0
votes

Le problème ici est que vous n'avez pas ajouté de routeur-sortie pour votre admin itinéraire pour afficher ses itinéraires enfants. C'est pourquoi lorsque vous remplacez vos liens avec routeur-sortie dans votre admin-home.component.html et accédez à / admin / documentaires Votre navigateur, vous voyez les documentaires administrateurs montrés.

dans votre application, votre AppComponent est votre shell d'application où vous avez votre App-NavBar et un routeur-sortie où le routeur sonne composants sur et hors de la page. Lorsque le adminhomecomonent se charge dans le Router-Outlet , car il a des itinéraires enfants, vous devez ajouter un routeur-sortie au parent Modèle de l'itinéraire Pour les afficher, qui correspond au modèle adminhomecomponent .

Voici un exemple sur Stackblitz de la même chose. < / p>

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule
[ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail