在 Typescript/Angular2 组件中使用 MathJax

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

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

我找到了一个简单的解决方案。其如下：

1. 在中添加以下代码索引.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. 在您的打字稿文件中添加此行作为导入：

       declare var MathJax:any;
   

3. 使用数学贾克斯：

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