MAthml標記在Angular2中給出錯誤

Question

我正在嘗試將mathml標記添加到angular2應用程序中。 我的數學毫升代碼

<math xmlns="http://www.w3.org/1998/Math/MathML"> 
    <mstyle displaystyle="true"> 
    <mfrac> 
     <mrow> 
     <mn>1</mn> 
     </mrow> 
     <mrow> 
     <mn>2</mn> 
     </mrow> 
    </mfrac> 
    </mstyle> 
</math> 

我使用Mathjax與配置

<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> 

Angular2給錯誤

zone.js:355 Unhandled Promise rejection: Template parse errors: 
':math:mn' is not a known element: 
1. If ':math:mn' is an Angular component, then verify that it is part of this module. 
2. If ':math:mn' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" 

我app.modules.ts是

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule ,CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { AppComponent } from './app.component'; 
@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [], 
    schemas: [CUSTOM_ELEMENTS_SCHEMA], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Plz幫助，我cou。 ld沒有弄清楚問題所在。

Answer 1

如果您在創建後追加數據，它應該可以工作。

import { Component, Input, OnInit, NgModule } from '@angular/core'; 


@Component({ 
    selector: 'mathjax-display', 
    providers: [], 
    template: ` 
    <p>testing mathjax</p> 
    <div id="append"></div> 
    ` 
}) 
export class MathjaxDisplayComponent { 

    constructor(){ 

    } 
    ngOnInit(){ 
    document.getElementById("append").innerHTML = `<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"> 
     <semantics> 
      <mrow> 
      <mn>3</mn> 
      <mo stretchy="false">/</mo> 
      <mn>3</mn> 
      <mo stretchy="false">⋅</mo> 
      <mn>33</mn> 
      </mrow> 
      <annotation encoding="StarMath 5.0">3/3 cdot 33 </annotation> 
     </semantics> 
     </math>`; 
    } 
}