markdown 标签内容未正确以角度显示

问题描述 投票:0回答:0

我正在使用 NGX-markdown NPM 在 Markdown 标签中显示内容。

<markdown [data]='markdown' ></markdown>

我安装所需的 NPM 并如下所示导入。

import 'prismsjs';
import 'prismjs/components/prism-typescript.min.js';
import 'prismjs/plugins/line-numbers/prism-line-numbers.js';
import 'prismjs/plugins/line-highlight/prism-line-highlight.js';

angular.json--

"styles": [
              "src/styles.css",
              "node_modules/ngx-toastr/toastr.css",
              "node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
              "node_modules/@costlydeveloper/ngx-awesome-popup/styles/theme.css",
              "node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css",
              "node_modules/prismjs/themes/prism-okaidia.css"
            ],

我从中得到参考。 stackbizz

在此页面中显示正确的内容,如下所示。

first image

当我使用相同的代码时,它会显示这种类型。

second image

在我的例子中,号码列表没有显示我们如何解决这个问题。

我使用的代码与我提供的 stack Bizz 参考代码相同。

angular r-markdown markdown github-flavored-markdown
© www.soinside.com 2019 - 2024. All rights reserved.