File
Metadata
| selector |
app-sidebar |
| styleUrls |
./sidebar.component.scss |
| templateUrl |
./sidebar.component.html |
|
inAuditOverview$
|
Type : Observable<boolean>
|
Decorators :
@Select(AppRouterState.inAuditOverview)
|
|
|
|
inInterview$
|
Type : Observable<boolean>
|
Decorators :
@Select(AppRouterState.inInterview)
|
|
|
import { Component } from '@angular/core';
import { Select } from '@ngxs/store';
import { AppRouterState } from 'src/app/core/ngxs/app-router.state';
import { Observable } from 'rxjs';
@Component({
selector: 'app-sidebar',
templateUrl: './sidebar.component.html',
styleUrls: ['./sidebar.component.scss'],
})
export class SidebarComponent {
@Select(AppRouterState.inInterview) inInterview$: Observable<boolean>;
@Select(AppRouterState.inAuditOverview) inAuditOverview$: Observable<boolean>;
}
<app-sidebar-interview-list *ngIf="inAuditOverview$ | async"></app-sidebar-interview-list>
<app-sidebar-interview *ngIf="inInterview$ | async"></app-sidebar-interview>
Legend
Html element with directive