有什么东西可以用 ng8 替换 ng1 字符串格式吗？

Question

我要在

中显示一系列错误

<div *ngFor="let error of arrayOfErrors">
  {{error.errMsg}}
</div>

并且在 AngularJs 中可以循环执行某些操作来自定义 errMsg，例如：

error.errMsg = 'my error has this code <b><a href="/#/my-link/{0}">{0}/a></b>.'.format(error.errCode);

但是现在，对于 Angular8，我没有找到任何方法来简单地执行此 html 格式化和插值... 我试过类似的东西：

error.errMsg = `my error has this code <b><a href="/#/my-link/${error.errCode}">${error.errCode}/a></b>.`;

但是 html 标签没有被解释并且显示为粗字符串！

我阅读了很多关于使用 Angular2+ 的动态组件的主题，但它似乎对我的需求有点矫枉过正......

有没有办法简单地达到我的目标？

感谢您的帮助！

Answer 1

在 Angular 中，您倾向于从模型构建模板。因此，您可以在 div 中声明 link，然后在循环中插入每个错误代码。

<div *ngFor="let error of arrayOfErrors">
  my error has this code 
  <b>
    <a [routerLink]="'/#/my-link/' + error.errorCode">{{error.errorCode}}/a>
  </b>.
</div>

Answer 2

尝试使用 innerHTML

 <div *ngFor="let error of arrayOfErrors">
      <span [innerHTML]="error.errMsg"></span>
    </div>

有什么东西可以用 ng8 替换 ng1 字符串格式吗？

Is there something to replace ng1 string format with ng8?

angular

angular8

string-interpolation