如何在angular6中使用mathjax正确加载数学方程答案

【问题标题】：how to load math equations correctly with mathjax in angular6如何在angular6中使用mathjax正确加载数学方程
【发布时间】：2019-06-15 12:57:20
【问题描述】：

我正在使用以下代码正确加载数学方程。我想以角度使用它。如何将其转换为角度

<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
<script type="text/x-mathjax-config">
   MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {
     MathJax.Hub.Insert(MathJax.InputJax.TeX.Definitions.macros,{
       cancel: ["Extension","cancel"],
       bcancel: ["Extension","cancel"],
       xcancel: ["Extension","cancel"],
       cancelto: ["Extension","cancel"]
     });
   });
   </script>

    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
       TeX: {
       noErrors: {disabled: true}, // Show error messages
       MAXBUFFER: 25*1024, // Set size of buffer in bytes
      },
      tex2jax: {
       inlineMath: [['$','$'], ['\\(','\\)']],
       processEscapes: true
     }
   });
   </script>

【问题讨论】：

试试这个包https://www.npmjs.com/package/ng-katex
这个plunker应该可以帮助你http://embed.plnkr.co/qBRAIxR27zK3bpo6QipY/

标签： angular typescript angular6 mathjax

【解决方案1】：

我已经在 index.html 中加载了 Angular 中的代码，我的问题已经解决了

<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?
config=TeX-MML-AM_CHTML' async></script>
<script type="text/x-mathjax-config">
   MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {
    MathJax.Hub.Insert(MathJax.InputJax.TeX.Definitions.macros,{
       cancel: ["Extension","cancel"],
       bcancel: ["Extension","cancel"],
       xcancel: ["Extension","cancel"],
       cancelto: ["Extension","cancel"]
   });
   });
 </script>

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>

【讨论】：