我在调用angular2组件中的MathJax.Hub函数时遇到了问题。我昨晚为这件事纠结了好几个小时。我需要调用MathJax API来重新呈现一些动态绑定的InnerHTML字符串。问题是,无论我如何导入MathJax模块或NPM安装它,我都无法访问Component.ts中的MathJax全局变量。我通过尝试MathJax.version验证了这一点,编译器抱怨说找不到Unfined的版本。
我已经在我的模块中运行了NPM Install MathJax。运行NPM Install@Typeings mathjax。我已经尝试过导入mathjax指令。在mathjax安装时提供的示例HTML中,我可以看到正确地应用了格式。访问我的打字稿中的MathJax全局变量的正确方式是什么?我找到了一个简单的解决方案。具体如下:
在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>
将此行作为导入添加到您的打字文件中:
declare var MathJax:any;
使用mathjax:
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);