‹div *ngIf="hero" class="name"›{{hero.name}}‹/div› ‹ul› ‹li *ngFor="let hero of heroes"›{{hero.name}}‹/li› ‹/ul› ‹div [ngSwitch]="hero?.emotion"> ‹app-happy-hero *ngSwitchCase="'happy'" [hero]="hero"›‹/app-happy-hero› ‹app-sad-hero *ngSwitchCase="'sad'" [hero]="hero"›‹/app-sad-hero› ‹app-confused-hero *ngSwitchCase="'app-confused'" [hero]="hero"›‹/app-confused-hero› ‹app-unknown-hero *ngSwitchDefault [hero]="hero"›‹/app-unknown-hero› ‹/div›