‹!-- isSpecial is true --›
‹div [class.hidden]="!isSpecial"›Show with class‹/div›
‹div [class.hidden]="isSpecial"›Hide with class‹/div›

‹!-- HeroDetail is in the DOM but hidden --›
‹app-hero-detail [class.hidden]="isSpecial"›‹/app-hero-detail›

‹div [style.display]="isSpecial ? 'block' : 'none'"›Show with style‹/div›
‹div [style.display]="isSpecial ? 'none'  : 'block'"›Hide with style‹/div›