Angular cli 数学贾克斯

Question

Angular 4.0 npm install mathjax for node_module, 添加 "scripts": ["./node_modules/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"], 到 angular-cli.json 并添加types": ["mathjax"],` 到 tsconfig.app.json

但错误提示“找不到 MathZoom.js 和 MathMenu.js”。 如何处理这个问题...... 谢谢!!!!!!

Answer 1

要将 MathJax 添加到 Angular 4 应用程序中，只需在 index.html 中添加以下行并执行以下步骤即可。

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script>
<!-- MathJax Implementation -->
  <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
         showProcessingMessages: false,
         tex2jax: { inlineMath: [['$','$'],['\\(','\\)']] }
        });
    </script>

要在其中呈现公式的 HTML 代码

<div class="mathjax" >{{Formula}}</div>

要应用mathjax的TS文件

let mathjax=document.getElementsByClassName('mathjax');
       eval('MathJax.Hub.Queue(["Typeset",MathJax.Hub, mathjax])');
      eval('MathJax.Hub.Queue(["Typeset",MathJax.Hub, mathjax])');