Angular 使用预处理的角度分页

我正试图在我的角度项目中对一张桌子进行分页。 执行以下操作：

应用程序模块.ts

import { PaginatorModule } from 'primeng/paginator';

component.html

<p-table [columns]="bookCols" [value]="bookList" [paginator]="true" [rows]="10" >

<ng-template pTemplate="header" let-columns>
    <tr>
        <th *ngFor="let bookCol of bookCols">
            {{bookCol.header}}
        </th>
    </tr>
</ng-template>

<ng-template pTemplate="body" let-book let-columns="bookCols">
    <tr>
        <td *ngFor="let bookCol of bookCols">
                {{book[bookCol.field]}}
        </td>
    </tr>
</ng-template>

{{bookCol.header}
{{book[bookCol.field]}

分页工作正常，但整个体验在简单的蓝色数字上减少了，而完全不是官方页面提供的内容

---

我缺少什么？

包含在angular.json中

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/omega/theme.css",
  "node_modules/primeng/resources/primeng.min.css",

],

---

包含在angular.json中

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/omega/theme.css",
  "node_modules/primeng/resources/primeng.min.css",

],

---

您的angular.json文件应该是这样的

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",

],

---

您的angular.json文件应该是这样的

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",

],

---

它位于.angular-cli.json文件中。最佳做法是添加样式细节

 "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "../node_modules/primeng/resources/primeng.min.css",
        "node_modules/primeicons/primeicons.css",
        "../node_modules/primeng/resources/themes/nova-light/theme.css",
        "styles.scss"  //external style sheet 
      ],

---

它位于.angular-cli.json文件中。最佳做法是添加样式细节

 "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "../node_modules/primeng/resources/primeng.min.css",
        "node_modules/primeicons/primeicons.css",
        "../node_modules/primeng/resources/themes/nova-light/theme.css",
        "styles.scss"  //external style sheet 
      ],