Question

我正在构建一个带有角度cli的angular2 prime应用程序。当我尝试使用primeNg数据时，Css没有正确应用它。我在app.module中包含了必要的依赖项，

import {DataTableModule,SharedModule} from 'primeng/primeng';

@NgModule({
  imports: [
 BrowserModule,HttpModule,FormsModule,DataTableModule,SharedModule
  ],
  declarations: [
  ListingComponent
  ],
  exports:[
  ListingComponent
  ],
  providers: [
    NewHireListingService
  ]
})
export class ListingModule {}

我还在angular-cli.json中包含了主要样式，

"styles": [
    "styles.css",
    "../node_modules/font-awesome/css/font-awesome.css",
    "../node_modules/primeng/resources/themes/omega/theme.css" , // or whatever theme you prefer
    "../node_modules/primeng/resources/primeng.css"
],

我的数据表代码是，

<p-dataTable [value]="List">
    <p-column field="firstName" header="FirstName"></p-column>
    <p-column field="lastName" header="LastName"></p-column>
    <p-column field="employee_type" header="EmployeeType"></p-column>
    <p-column field="hire_type" header="HireType"></p-column>
    <p-column field="location" header="Location"></p-column>
    <p-column field="hireDate" header="HireDate"></p-column>
</p-dataTable>

但是css正在部分应用，任何人都可以告诉我缺少什么。提前谢谢。

Css getting partially applied

Answer 1

的package.json

"primeng": "^4.1.3"

.angular-cli.json

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

module.ts

import { DataTableModule } from 'primeng/primeng';

imports: [ DataTableModule ]

Css没有应用于Prime Ng数据表

1 个答案: