在TypeScrip/Angular2组件中使用MathJax组件、TypeScrip、MathJax

2023-09-04 01:40:40 作者:你不懂爱却懂伤害

我在调用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全局变量的正确方式是什么?

推荐答案

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

Angular 2组件 输入和输出

在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]);