为什么 Mathjax 会创建重复项？答案

【问题标题】：Why is Mathjax creating duplicates?为什么 Mathjax 会创建重复项？
【发布时间】：2019-08-25 07:51:48
【问题描述】：

我正在使用 MathJax 在我的应用程序中呈现 MathML。我包含以下代码以确保 MathML 是排版的：

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

问题是当我离开然后返回到 MathML 时，它被渲染了两次。如果我重复这一步，它会渲染 3 次，依此类推。有谁明白这里发生了什么？

【问题讨论】：

你能提供一个minimal reproducible example 来证明这个问题吗？因为现在，我（或其他任何人）只能说，要么 MathJax 或 Angular 中存在错误，要么你使用它们的方式有问题。我相信你已经可以自己弄清楚了。
每个摘要周期都会调用两次或多次监视函数。我明白发生了什么。我不明白你想做什么。阅读AngularJS Developer Guide - Scope $watch Performance Considerations。

【解决方案1】：

我正在从事的项目最初是由其他人编写的。很难以简单的方式复制这个问题，但是我对这个问题有一个通用的答案，最终解决了这个问题。

在这种情况下，我需要避免在 MathML 中使用 Element.innerHTML 或 jquery 的 .html() 方法。我无法确切解释为什么这会导致问题，但在我的特定情况下确实如此。

【讨论】：