MathJax in Ionic

Ionic Framework ionic-v3
21

IMG_20180827_234814

Something like that or
$P = mRT$

22

Somehow this isn’t working for me. I have tried many things like

$P = mRT$

or

$a^2$

but it isn’t rendering :disappointed:
Anyway thank you for your effort.

23

Hi, how do you to equation render fine in ngLoop ?

24

`import {Directive, ElementRef, Input} from ‘@angular/core’;

@Directive({
selector: ‘[MathJax]’
})
export class MathJaxDirective {
@Input(‘MathJax’) MathJaxInput: string;
constructor(private el: ElementRef) {
}

ngOnChanges() {
this.el.nativeElement.innerHTML = this.MathJaxInput;
eval(‘MathJax.Hub.Queue([“Typeset”,MathJax.Hub, this.el.nativeElement])’);
}
}`

25 
import {Directive, ElementRef, Input} from '@angular/core';

@Directive({
  selector: '[MathJax]'
})
export class MathJaxDirective {
  @Input('MathJax') MathJaxInput: string;
  constructor(private el: ElementRef) {
  }

  ngOnChanges() {
    this.el.nativeElement.innerHTML = this.MathJaxInput;
    eval('MathJax.Hub.Queue(["Typeset",MathJax.Hub, this.el.nativeElement])');
  }
}
1 Like
26

it’s crash my app. please provide video or how to this. mathjax working in website properly but in ionic v4 its give error.
download tex-mml-chtml.js file and i got the data from api in mathml form .
i tried lots example its not working , please help me on this
i am not using latex only mathml
for tex-mml-chtml.js its give .queue error and code will not show in proper way