使用Angular 2中的MathJax动态渲染数学方程

时间:2017-08-11 17:08:14

标签: html angular math angular-cli mathjax

我正在构建一个测试引擎,后端代码已经准备就绪,但是我遇到了前端部分。

在使用Angular 2制作的前端部分(使用angular-cli进行项目设置)我在渲染数学方程式时遇到困难。我正在使用mathjax,请检查我做错了什么部分。 为了澄清一下,我能够使用typescript渲染静态数学方程式,但是当我从后端获取html字符串时,通过动态加载,它不能正确加载。

代码:

  1. 的index.html 包含在head标记内的两个脚本。

    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [['$','$'], ['\\(','\\)']],
            processEscapes: true
         }
    });
    
    cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-
    MML_HTMLorMML
    
  2. 数学方程式乳胶

    \\(2x^2+9y^2=z^3\\)
    
  3. exam.component.ts

  4. 如果我使用这样的字符串:

    this.sample = "math equation latex";
    

    并在exam.component.html中将其呈现为{{sample}},然后就可以了。但是,当我使用http服务并获得响应时,在这种情况下,生成的字符串无法正确呈现。

    此外,我在互联网上阅读了我发现用于动态加载的脚本,涉及"排版",但这也不起作用。

    请指出我做错了什么。谢谢!

0 个答案:

没有答案