how change sideNav content? | Angular Community | Page 1

tribal knot Apr 12, 2023, 12:27 PM

#

see below

#

i have the following

#

<mat-sidenav-container (backdropClick)="close()" [ngClass]="{ 'logged-user': userLogged }">
    <mat-sidenav #sidenav (keydown.escape)="close()" class="principal">
        <app-side-nav *ngIf="!sideNavSub || sideNavSub && !sideNavSub.showSideNav"></app-side-nav>
        <app-side-nav-sub *ngIf="sideNavSub && sideNavSub.showSideNav"></app-side-nav-sub> 
    </mat-sidenav>

    <mat-sidenav-content [ngClass]="{ 'logged-user': userLogged }">
        <router-outlet></router-outlet>
    </mat-sidenav-content>
</mat-sidenav-container>

#

it's basically a common side nav, but idk how to find where it takes the values

#

the output is this

spring pendant Apr 12, 2023, 1:28 PM

#

inside <mat-sidenav> you have <app-side-nav > and <app-side-nav-sub>
thats your content. if you want you can replace them with anything else, i.e. <span>Hello</span>:
If you want to have a nice design, you may want to use mat-nav-listhttps://material.angular.io/components/list/overview#navigation-lists

Angular Material

UI component infrastructure and Material Design components for Angular web applications.

tribal knot Apr 12, 2023, 3:17 PM

#

i already found how that text was get, it was from another file (i searched the words on the project and find where it was)

#how change sideNav content?