MathJax показывает нормальный текст в разных компонентах Angular 6

Question

Я пытаюсь использовать MathJax в своем приложении Angular.Он работает в компоненте приложения, однако всякий раз, когда я перемещаю точный код в любой другой компонент, он просто показывает фактический текст, а не вычисленный MathJax.

Это код, который я использовал:

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

Я думаю, что это может быть связано с *ngIf на router-outlet, который я использую для ожидания загрузки данных из 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 без проблем.