小编tea*_*wep的帖子

PrimeNG 表体不显示数据

我在尝试将数据获取到叠加层时遇到问题。我哪里出错了?

我的目标是从用户数组中获取数据(如 cId、记录的时间)并将其显示在我的表格中。

<button
  [disabled]="false"
  (click)="op1.show($event)"
  pButton
  type="button"
  class="ui-button-primary"
  label="View"
></button>

<p-overlayPanel #op1 [showCloseIcon]="true" [dismissable]="false">
  <p-table [value]="day" [style]="{ width: '400px' }" [rows]="5">
    <ng-template pTemplate="header">
      <tr>
        <td class="headerItem">{{ wbsElement }}</td>
        <td class="headerItem">{{ saturday }}</td>
        <td class="headerItem">{{ sunday }}</td>
        ...
        <td class="headerItem">{{ total }}</td>
      </tr>
    </ng-template>
    <ng-template pTemplate="body" let-day>
      <tr>
        <td>{{ user.cId }}</td>
        <td *ngFor="let day of user.days">{{ day.hoursLogged }}</td>
        <td>{{ totalHours }}</td>
      </tr>
    </ng-template>
  </p-table>
</p-overlayPanel>
Run Code Online (Sandbox Code Playgroud)

上面我有我的模板,应该创建我的叠加层,如下所示

  wbsElement = Constants.WBS_ELEMENT;
  saturday = Day.SATURDAY;
  sunday = Day.SUNDAY;
  monday = Day.MONDAY;
  ... …
Run Code Online (Sandbox Code Playgroud)

javascript primeng angular primeng-datatable

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

javascript ×1

primeng ×1

primeng-datatable ×1