具有primeng风格的Ionic 2不加载

Question

我目前正在使用p-datatable，我可以正确使用它。最大的问题是样式没有加载.p-dataTable本身工作正常，只有样式不正常。我按照primeng网站上的入门页面上的步骤，但仍然没有任何风格的作品。下面是我的数据表的图像，我应该使用标准的。

数据表：

html：

<p-dataTable [value]="reports" [responsive]="false">
    <p-column field="_id" header="ID"></p-column>
    <p-column field="reportJSON.datamodel[0].data" header="SUBMITTED BY"></p-column>
    <p-column field="reportJSON.type" header="REPORT TYPE"></p-column>
    <p-column field="reportJSON.revision" header="REVISION"></p-column>
    <p-column header="STATE">
      <ng-template pTemplate="body" let-report="rowData">
        <button [ngClass]="{'final' : report.reportJSON.finalVersion===true, 'draft' : report.reportJSON.finalVersion===false}" ion-button round>{{report.reportJSON.finalVersion ? 'FINAL' : 'DRAFT'}}</button>
      </ng-template>
    </p-column>
    <p-column field="reportJSON.lastEditDate.date" header="DATE"></p-column>
  </p-dataTable>

角cli.json：

的package.json：

Answer 1

我通过将样式的地图添加到assets / css地图并在index.html文件中引用来修复此问题

Answer 2

像这样在angular.json中配置CSS：

"styles": [
            "node_modules/primeicons/primeicons.css",
            "node_modules/primeng/resources/themes/nova-light/theme.css",
            "node_modules/primeng/resources/primeng.min.css",
          {
            "input": "src/theme/variables.scss" 
          },
          {
            "input": "src/global.scss"
          }
        ]