angular8 - 数字列未显示使用角度 8 中的 ngx-highlightJs

Question

给定数据是一些主要的 HTML 页面和模块的提供者

<pre>
    <code [highlight]="previewText" [lineNumbers]="true"></code>
</pre>

providers: [
    {
      provide: HIGHLIGHT_OPTIONS,
      useValue: <HighlightOptions>{
        lineNumbers: true
      }
    }
  ]

Answer 1

在 app.module.ts 文件中

import { HighlightModule, HIGHLIGHT_OPTIONS, HighlightOptions } from 'ngx-highlightjs';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
     HighlightModule 
  ],
  providers: [
    {
      provide: HIGHLIGHT_OPTIONS,
      useValue: <HighlightOptions>{
        lineNumbers: true
      }
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts

import { Component } from '@angular/core';
import { HighlightResult } from 'ngx-highlightjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
 // response: HighlightResult;

  code = `const index=0` 
}

app.component.html

<pre><code [highlight]="code" [lineNumbers]="true" ></code></pre>