javascript - 在 AngularJS 中切换 View 时如何让 MathML 正确渲染

Question

当我的网页最初加载时，它包含的任何 MathML 内容都将按预期呈现。但是，一旦我导航到也包含 MathML 内容的另一个 View ，新内容就无法正确呈现。

如果我导航回初始 View ，正确呈现的原始内容将不再正确呈现。我将 MathJax 库与 AngularJS 一起使用。

如何让 MathML 始终正确渲染？

此处找到示例代码:https://github.com/JustCant/mathjax

Answer 1

我已经找到了这个问题的解决方案。

我创建了以下 Controller 并将其添加到我的“应用程序”模块中:

.controller("mainCtrl", ["$rootScope", function($rootScope) {
  $rootScope.$watch(function() {
   MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
   return true;
  });
}]);

以下文档更详细地解释了: http://docs.mathjax.org/en/latest/advanced/typeset.html