<!-- <ul>
    <li *ngFor="let tile of leftTiles">

        <span> <a [ngClass]="{active: (tile.id == sentId)}">{{tile.title}}</a>
            </span>
        <!-- <span *ngIf=" tile.id !=sentId "> {{tile.title}}
                </span> -->
<!-- <a> {{tile.title}}</a> -->
<!-- </li>
</ul> -->
<app-roles-admin *ngIf="sentId == 1"></app-roles-admin>
<app-location-admin *ngIf="sentId == 2"></app-location-admin>
<app-skilset-admin *ngIf="sentId == 3"></app-skilset-admin>
<app-capability-assessment *ngIf="sentId == 4"></app-capability-assessment>
<app-awssandbox-conf *ngIf="sentId == 5"></app-awssandbox-conf>
<app-college-recruitment *ngIf="sentId == 6"></app-college-recruitment>
<app-usecase-list *ngIf="sentId == 7"></app-usecase-list>
<app-innovation-focals *ngIf="sentId == 9"></app-innovation-focals>

<app-job-requirement *ngIf="sentId == 11"></app-job-requirement>
<app-candidate-transfer *ngIf="sentId == 12"></app-candidate-transfer>
<app-user-mgmt *ngIf="sentId == 13"></app-user-mgmt>
<app-learning-path *ngIf="sentId == 14"></app-learning-path>
<app-courses-emp *ngIf="sentId == 8"></app-courses-emp>
<app-engineering-env *ngIf="sentId == 15"></app-engineering-env>