Hi,
ich bin gerade dabei in Angular eine kleine Webseite zu erstellen. Einfach Just for Fun.
Kurz meine Components + Quellcode.
app-component.html
<app-toolbar></app-toolbar>
<router-outlet></router-outlet>
toolbar.component.html
<div class="head" style="background-color: darkgreen;">
<div class="box">
<button class="selectionButton" routerLink="/startseite">
<div class="menuButton"></div>
<div class="menuButton"></div>
<div class="menuButton"></div>
</button>
</div>
<div class="box"></div>
<div class="box"></div>
<div class="box">
<button class="selectionButton">
<font size="5">TypeScript</font>
</button>
</div>
<div class="box">
<button class="selectionButton">
<font size="5">Java</font>
</button>
</div>
<div class="box">
<button class="selectionButton" routerLink="/htmluebersicht">
<font size="5">HTML</font>
</button>
</div>
<div class="box">
<button class="selectionButton">
<font size="5">Cypress</font>
</button>
</div>
</div>
html-page.component.html
<p>html-page works!</p>
Wenn ich jetzt auf den Button HTML ("/htmluebersicht") klicke, kommt der Text "html-page works!" .... Alles gut, so solls.
Wenn ich jetzt aber wieder auf den Menü Button ("/startseite") klicke wird meine toolbar.component.html irgendwie zweimal auf der Webseite angezeigt.
Weis jemand wieso die toolbar dann zweimal angezeigt wird?
Ich hoffe es ist verständlich was ich meine.