javascript - 如何停止MathJax从AngularJS中的其他页面渲染

Question

我注意到，每次加载包含 mathjax 的页面，并且当我转到包含另一个 mathjax 的其他页面时，我都会等待近 2 分钟才能加载。我的观点是，mathjax 首先从其他页面加载所有公式，然后再在当前页面中渲染公式...

我真的不知道我造成了什么，因为这只是我的意见，但我注意到了。

我正在使用angularJS，这是我在指令中的代码:

app.directive("mathjaxBind", function () {
    return {
        restrict: "A",
        controller: ["$scope", "$element", "$attrs",
            function ($scope, $element, $attrs) {
                $scope.$watch($attrs.mathjaxBind, function (texExpression) {
                    $element.html(texExpression);
                    MathJax.Hub.Queue(["Typeset", MathJax.Hub, $element[0]]);
                });
            }]
    };
});

导致此问题的原因可能是什么？如果我的观点是正确的，如果我现在在下一页，如何停止 mathjax 渲染？

Answer 1

只要尝试在每次加载公式时更新您的 mathjax 即可。我所做的是每次重复都会更新我的缩写。

我就是这样做的..

<a mathjax-bind="competency.competencyDescription" data-ng-init="UpdateMathJax()">

$scope.UpdateMathJax = function () {
        MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
    };

希望对你有帮助。