В части HTML компонента Angular я хочу отображать флажок или значок при различных условиях. С разрешающей моделью { checked?: boolean; icon?: string } я могу сделать это так:
<input type="checkbox" [(ngModel)]="item.checked" *ngIf="!item.icon">
<i class="{{item.icon}}" *ngIf="item.icon">
Эта модель допускает недопустимые состояния, такие как наличие как checked, так и icon. Наличие более сильной модели может основываться на типе объединения: { checked: boolean } | { icon: string }. Но это больше не работает в HTML, потому что checked и icon доступны на уровне «типа объединения», но только в левом или правом регистре.
Есть ли способ использовать эта модель в каком-то подправленном шаблоне HTML?