在AngularJS中切换视图时如何使MathML正确呈现

Question

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

如果我导航回到初始视图，则正确呈现的原始内容不再这样做。我在AngularJS中使用MathJax库。

如何使MathML始终正确呈现？

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

Answer 1

我找到了解决此问题的方法。

我创建了以下控制器，并将其添加到我的“应用”模块中：

.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