I have integrated the mathlive library into my angular project. When I execute the code, the following block is used:
<math-field> {{'$$x=\frac {-b\pm \sqrt{b^2-4ac}} {2a} $$'}} </math-field>
However, an error occurs with this specific code snippet:
An unexpected character "EOF" is detected (Could there be an unescaped "{" in your template? Use "{{'{'}}").
The code runs smoothly only when the curly braces {} are not present. For example, the following code functions without any issues:
<math-field>f(x) = \sin(x+\pi) </math-field>
I have tested different formats like:
<math-field> $$ f(x) = \sin(x+\pi) $$ </math-field>
<math-field> {{'f(x) = \sin(x+\pi)'}} </math-field>
All of which produce the correct output.
<math-field> {{'x=\ frac {-b\pm \sqrt{b^2-4ac}} {2a}'}} </math-field>
<math-field> {{'$$x=\frac {-b\pm \sqrt{b^2-4ac}} {2a} $$'}} </math-field>
<math-field> {{'x=\ frac{-b\pm\sqrt{b^2-4ac}}{2a}'}} </math-field>
<math-field> {{'$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$'}}</math-field>
The final output is: x = (2a - b) ± √(b² - 4ac)