ng2-smart-table application documentation具有如下所示的 code
元素片段:
<code highlight class="typescript">{{ snippets.require }}</code>
resulting documentation looks like this .
当查看生成的应用程序 html 时,它看起来像 highlightjs正在进行突出显示,但我没有看到将执行转换的 Angular 依赖项的导入(或脚本的任何预处理),所以只是想知道它是如何工作的?
根据答案
用 Angular 做这件事是多么简单,真是太酷了:
import { Directive, ElementRef, AfterViewInit } from '@angular/core';
import * as hljs from 'highlight.js';
@Directive({
selector: 'code[highlight]',
})
export class HighlightCodeDirective implements AfterViewInit {
constructor(private elRef: ElementRef) { }
ngAfterViewInit() {
hljs.highlightBlock(this.elRef.nativeElement);
}
}
最佳答案
仔细检查代码有一个 highlight directive (ng2-smart-table/src/app/shared/directives/highlight.directive.ts) 使用 highlightjs。它是示例应用程序的一部分,而不是库的一部分,因此如果您想在您的应用程序中执行相同的操作,则需要复制它。
关于node.js - 用 Angular 突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53421239/