我想在 LaTeX 中显示方程并在客户端渲染它们。这些方程有必须改变的变量。到目前为止,我只找到了 MathJax,但是当它们改变时它不会更新值。有像http://plnkr.co/edit/FLduwmtHfkCN5XPfzMsA?p=preview这样的例子,它确实改变了现场,但那是来自 Angular2 并且里面有一些奇怪的东西,这
MathJax.Hub.Queue(["Typeset",MathJax.Hub, this.el.nativeElement]);让我有一个错误(因为我找不到MathJax 变量)。ng-katex 也不起作用,因为它没有出现在我的 ng-modules 文件夹中并且它有奇怪的输出。
MathJax 本身可以完美运行,除非您更改 DOM 中的某些内容
例如:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-test',
template: '
<button (click)="decrDenumerator()">-</button>
Frac: {{frac}}
<button (click)="incrDenumerator()">+</button>',
styleUrls: ['./test.component.sass']
})
export class TestComponent implements OnInit {
denumerator = 1;
frac = '$\\frac{1}{' + this.denumerator + '}$';
constructor() {
}
ngOnInit() {
}
incrDenumerator() {
this.denumerator = Math.min(10, this.denumerator + 1);
this.frac = '$\\frac{1}{' + this.denumerator + '}$';
}
decrDenumerator() …Run Code Online (Sandbox Code Playgroud)