MathJax 在 Angular 6 的不同组件中显示普通文本

Question

我正在尝试在我的 Angular 应用程序中使用 MathJax。我已经让它在 App 组件中工作，但是每当我将确切的代码移动到任何其他组件时，它只显示实际文本，而不是计算出来的 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 工作。最后，解决方案非常简单：我使用ng-katex 模块代替https://www.npmjs.com/package/ng-katex。 这适用于路由和*ngIf 没有问题。