I am facing an issue with the navigation links in my sidebar, which are located within a child module named "login". When I click on "Classroom", it correctly directs me to "login/classroom". However, when I click on "Assignments", it appends "assignments" to the active URL, resulting in "login/classroom/assignments". I want it to simply be "login/assignments" without adding to the current URL. How can I achieve this?
**component.html**
<div class="profileimg"></div>
<span class="user">{{username}}</span>
<a [routerLink]="'classroom'">ClassRoom</a>
<a [routerLink]="'assignments'">Assignments</a>
<a [routerLink]="'scores'">Scores</a>
<a [routerLink]="'myprofiles'">My Profiles</a>
router.module.ts
{ path: '', component: AfterloginComponent },
{ path: 'classroom' ,component: ClassroomComponent },
{ path: 'assignments', component: AssignmentsComponent },
{ path: 'scores', component: ScoresComponent }