angular - Angular 中的 Prism.js 适用于第一个代码块（代码语法突出显示）

Question

根据这篇文章

安装以下包后

npm install prismjs --save

然后我创建了一个名为：HighlightService

import { Injectable } from '@angular/core';

import 'prismjs';
import 'prismjs/plugins/toolbar/prism-toolbar';
import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard';
import 'prismjs/components/prism-css';
import 'prismjs/components/prism-javascript';
import 'prismjs/components/prism-java';
import 'prismjs/components/prism-markup';
import 'prismjs/components/prism-typescript';
import 'prismjs/components/prism-sass';
import 'prismjs/components/prism-scss';

declare var Prism: any;

@Injectable()
export class HighlightService {
    constructor() { }

    highlightAll() {
        Prism.highlightAll();
    }
}

我在组件中使用了上面的服务，如下所示：

export class AdminBlogDetailComponent implements AfterViewInit {
  ... 

  ngAfterViewInit(): void {
    this.highlightService.highlightAll();
  }

}

最后，在 style.scss 的顶部添加以下 SCSS：

@import "~prismjs/plugins/toolbar/prism-toolbar.css";
@import "~prismjs/themes/prism-okaidia";

我的问题是上述服务适用于页面中的第一个代码块！

Stackblitz 这里