Angular 6 mathjax 不工作

Question

我有 Angular 6 的项目。我通过运行以下命令安装了 Mathjax

npm install mathjax 和 npm install --save @types/mathjax

我已经创建了指令

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

    @Directive({
      selector: '[Mathjax]'
    })
    export class MathjaxDirective implements OnChanges {

      @Input('Mathjax') private value: string;

      constructor(private element: ElementRef) {
      }


      ngOnInit() {
        this.update();
      }

      ngOnChanges() {
        this.update();

      }

      update() {

        this.element.nativeElement.innerHTML = this.value;
        MathJax.Hub.Queue(['Typeset', MathJax.Hub, this.element.nativeElement]);

      }

    }

我正在使用这个指令

<span [Mathjax]="mathjaxTest"></span>

它在控制台中没有显示错误并且它不工作。 打印的是 mathjax 字符串，而不是制作数学方程式。

Answer 1

您需要在指令中导入 MathJax。

import * as Mathjax from 'mathjax';