angular - 在 Typescript/Angular2 组件中使用 MathJax

Question

我在调用 angular2 组件中的 MathJax.Hub 函数时遇到问题。昨晚我为此苦苦挣扎了好几个小时。我需要调用 MathJax API 来重新呈现一些动态绑定(bind)的 InnerHTML 字符串。问题是，无论我如何导入 MathJax 模块或 npm install 它，我都无法访问我的 component.ts 中的 MathJax 全局变量。我通过尝试 MathJax.version 验证了这一点，编译器提示无法找到未定义的版本。

我已经在我的模块中运行了 npm install MathJax。运行 npm install @typings mathjax。已尝试导入 mathjax 指令。在安装 mathjax 时提供的示例 HTML 中，我可以看到格式设置已正确应用。在我的 typescript 中访问 MathJax 全局变量的正确方法是什么？

Answer 1

我找到了一个简单的解决方案。如下所示:

1. 在index.html

   中添加如下代码

       <script type="text/x-mathjax-config">
           MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
       </script>
       <script type="text/javascript" async
               src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
       </script>
   

2. 将此行作为导入添加到您的 typescript 文件中:

       declare var MathJax:any;
   

3. 使用 mathjax:

       MathJax.Hub.Queue(["Typeset", MathJax.Hub]);