如何在angularjs中使用ng-repeat呈現mathml？

Question

我有存儲在sqlserver中的mathml格式的方程。使用LINQ我將列表中的方程式傳遞給UI。在UI中，我試圖使用ng-repeat呈現這些mathml字符串，但它根本不起作用。

when i am directly putting the mathml string inside any div its rendering equations correctly.

In ng-repeat it showing the mathml format as it is.

MATHML串

<math xmlns="http://www.w3.org/1998/Math/MathML"> 
    <mroot> 
     <mn>4</mn> 
     <mn>2</mn> 
    </mroot> 
    <mo>+</mo> 
    <mfrac> 
     <mn>5</mn> 
     <mn>2</mn> 
    </mfrac> 
    <mo>&#xA0;</mo> 
    <mo>=</mo> 
    <mo>&#xA0;</mo> 
    <mfenced open="[" close="]"> 
     <mtable> 
      <mtr> 
       <mtd> 
        <mn>2</mn> 
       </mtd> 
       <mtd> 
        <mn>2</mn> 
       </mtd> 
      </mtr> 
      <mtr> 
       <mtd> 
        <mn>8</mn> 
       </mtd> 
       <mtd> 
        <mn>4</mn> 
       </mtd> 
      </mtr> 
     </mtable> 
    </mfenced> 
</math> 

Answer 1

也許這是一個好主意，使用此指令： ngMathJax

的它會如何工作的一個例子：

<div ng-math-jax> 
 
<math xmlns="http://www.w3.org/1998/Math/MathML"> 
 
    <mroot> 
 
     <mn>4</mn> 
 
     <mn>2</mn> 
 
    </mroot> 
 
    <mo>+</mo> 
 
    <mfrac> 
 
     <mn>5</mn> 
 
     <mn>2</mn> 
 
    </mfrac> 
 
    <mo>&#xA0;</mo> 
 
    <mo>=</mo> 
 
    <mo>&#xA0;</mo> 
 
    <mfenced open="[" close="]"> 
 
     <mtable> 
 
      <mtr> 
 
       <mtd> 
 
        <mn>2</mn> 
 
       </mtd> 
 
       <mtd> 
 
        <mn>2</mn> 
 
       </mtd> 
 
      </mtr> 
 
      <mtr> 
 
       <mtd> 
 
        <mn>8</mn> 
 
       </mtd> 
 
       <mtd> 
 
        <mn>4</mn> 
 
       </mtd> 
 
      </mtr> 
 
     </mtable> 
 
    </mfenced> 
 
</math> 
 
</div>