Question

我有角度为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';

Angular 6 mathjax无法正常工作

1 个答案: