是否可以在Angular的innerHTML中插值变量？

Question

我的模板中包含以下内容：

<div [innerHTML]="dynamicMSG"></div>

在我的组件中，我有一个从数据库中检索dynamicMSG内容的调用。假设它返回的内容如下：

dynamicMSG = <p>Your new code is: <strong>{{newCode}}</strong></p>，其中newCode是值为123的变量。

如何使其呈现123而不是{{newCode}}？可以插值还是需要使用replace？

谢谢

Answer 1

使用Angular的ng-template和ng-container模式可能是一个更好的主意。然后，您可以在ng-template内使用插值。

Check this tutorial out