代码之家 › 专栏 › 技术社区 › BrianM

未加载带底漆样式的离子2

primeng styles ionic-framework angular

BrianM · 技术社区 · 6 年前

我目前正在使用p-datatable,我可以正确地使用它。最大的问题是没有加载样式。p-dataTable本身工作正常,只有样式不正常。我遵循了primeng网站上入门页面上的步骤,但仍然没有任何样式设计工作。下面是我的datatable的图像,我应该使用标准的datatable。

数据表:

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:

包裹json:

2 回复 | 直到 6 年前

BrianM 6 年前

我通过将样式的映射添加到assets/css映射并在索引中引用来修复此问题。html文件

Sultan Raza 4 年前

在angular中配置CSS。json如下:

"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"
          }
        ]

推荐文章

Michael Albrecht · 无法在第二个角度模块中使用素数

2 年前

Dante Orlando · PrimeNG TurboTable:dataKey需要是列吗?

6 年前

Hamza Haddad · 使用PrimeNG autocomplete组件显示焦点建议

6 年前

Aw3same · 布尔值不变

6 年前

Ayushi Tomar · 使用primeng和angular 5时,无法对“dd/mmm/yyyy”中的turbo table列进行排序

6 年前

Neamesis · 角度4+启动:TreeNode是否可以包含下拉列表?

6 年前

Vignesh · 行分组时,p表中显示的对象数组不会按原始顺序显示

6 年前

Ramesh Rajendran · ReferenceError:单元测试时未定义Quill

6 年前

sashafedsdev · PrimeNg multiselect,默认情况下选择所有项目

6 年前

RobinLu · Angular 4 Priming onChange不工作

6 年前