Как использовать другой родительский тег на основе ввода?

Question

У меня есть контент. В зависимости от условия оно должно быть заключено в ссылку или интервал:

<a *ngIf="condition">content</a>
<span *ngIf="!condition">content</span>

Как я могу сделать это без копирования или вставки содержимого в новый компонент?

Answer 1

Вы можете использовать интерполяция :

<a *ngIf="condition">{{content}}</a>
<span *ngIf="!condition">{{content}}</span>

со свойством content, определенным в классе компонента:

content = "My content";