Angular：将模板数据映射到其他演示文稿

Question

我需要显示数据，还要将值映射到另一个演示文稿（可以包括HTML实体）。

这里是相同的样本。

https://stackblitz.com/edit/angular-9l1vff

vals具有数据。 getVal进行映射。

是否可以在模板中执行此操作（不具有较大的ngIf或为每个特殊值创建组件）？

该映射与视图完全相关，并且显示HTML也不起作用（我想我需要HTML-sanizizer，但我不喜欢这个想法）。

这里最有效的策略是什么？

Answer 1

您可以尝试使用纯pipe，它仅在更改输入引用时才可以调用，并且可以将其存储在组件外部。
在您的示例中，每个变更检测周期都会调用getVal。
要清除受信任的HTML，只需创建另一个管道并将其链接。