Discussion :

[Ryuk976]

Bonjour à tous !

Je suis en train de créer une petite application sur Angular et j'ai un problème. Voilà, certaines de mes balises a fonctionnent et d'autres non. Tout d'abord mon index.html:

Alors voilà maintenant mon problème, le lien dans mon topbar.component.html fonctionne parfaitement :

Alors que ceux qui sont dans mon sidebar.component.html ne fonctionne pas, je ne peux même pas cliquer dessus ils sont considérés comme du simple texte :


J'aimerais comprendre d'où vient le problème. Voilà désolé pour le message à rallonge, merci à vous !

[dukoid]

tu utilises une ancienne syntaxe


il faut utiliser cette syntaxe (voir doc officielle)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a [routerLink]="['/xxxxxx']">xxxxxxxxxxxxxxxxxxxxxxxxx</a>

avec les [] et /

[Ryuk976]

J'ai essayé la solution que tu m'as donné mais avec ça même le lien qui fonctionnait ne fonctionne plus

[dukoid]

pour tester, supprime tout ton code et met ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="content" [routerLink]="['/a-propos']">À PROPOS</a>

quelle version angular ?

[Ryuk976]

Lorsque je supprime tout ce que j'ai fait ça fonctionne. Dans sidebar.component.html en enlevant ça, ça marche :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<ng-sidebar-container>
  <!-- Sidebar -->
  <ng-sidebar [opened]="!opened">  
xxxxxxxxxxxxxxxxx
</ng-sidebar>
  <div ng-sidebar-content>
    <!-- Page header -->
    <button class="menu-toggle rounded" (click)="toggleSidebar()">
      <img class="menu-image" [src]=cheminImageMenu>
    </button>
    <router-outlet></router-outlet>
  </div>
</ng-sidebar-container>

J'utilise Angular 10.1.5

[krakatoa]

tu peux utiliser stackblitz et copier coller ton code

comme ça on peut voir en réel !