MathJax 在 Angular 6 的不同组件中显示正常文本

Question

我正在尝试在我的 Angular 应用程序中使用 MathJax。我已经让它在应用程序组件中工作，但是每当我将确切的代码移动到任何其他组件时，它只显示实际文本，而不是计算的 MathJax。

这是我使用的代码：

<div class="mathjax">\(\sqrt b\)</div>

我认为这可能与 router-outlet 上的 *ngIf 有关，我用它来等待来自 firebase 的数据加载完毕。

<router-outlet *ngIf="this.coursesService.is_loading == false"></router-outlet>

*ngIf 是否会阻止 MathJax 正确加载？

Answer 1

问题出在 *ngIf。无论我做什么，我都无法让 MathJax 工作。最后，解决方案非常简单：我在 https://www.npmjs.com/package/ng-katex 处使用了 ng-katex 模块。 这适用于路由和 *ngIf 没有问题。