Prerequisite:

    loggedInUser = { id :1, name:"Naresh", role:"ADMIN"}

Task 1: Use ng-content for sidebar

    menus = [ {name:"Home", link:"home"},{name:"Dashboard", link:"dashboard"}];

    <div class="sidebar">
        <ul>
        <li *ngFor="let m of menus"> <a routerLink="{{m.link}}"> {{m.name}} </a> </li>
            <ng-content></ng-content>
        </ul>
    </div>