如何根据输入使用不同的父标签？

Question

我有一些内容。根据条件，它应该包含在链接或跨度中：

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

如何在不复制粘贴内容或将其放入新组件的情况下执行此操作？

Answer 1

您可以使用interpolation：

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

在组件类中定义了content属性：

content = "My content";