如何用 FirebaseObservableList 填充 primeng <p-datatable>？

Question

我正在尝试用我的 firebase 数据库内容填充我的数据table ()。但是我不知道如何像在正常 table 中使用的那样使用 *ngFor。正常方式完成：

<tr *ngFor="let docu of documentos | async">
  <td>{{docu.nombre}}</td>
  <td>{{docu.tipoDocumento}}</td>
  <td  >{{docu.usuario}}</td>
  <td  >{{docu.grupo}}</td>
  <td width="20%"><a class="btn btn-success" target="_blank" href="{{docu.enlaceDescarga}}">Ver</a></td>
</tr>

填满了。但是现在我想使用 PrimeNG

<p-dataTable [value]="" *ngFor='let docu of documentos | async'>
<p-column field={{docu.nombre}} header="Nombre"></p-column>
<p-column field="year" header="Tipo"></p-column>
<p-column field="brand" header="Permiso de usuario"></p-column>
<p-column field="color" header="Permiso de grupo"></p-column>
<p-column field="color" header="Enlace"></p-column></p-dataTable>

我的问题是 [value]，我不知道如何用 FirebaseObservableList 填充数组。我用这个检索列表：

documentos: FirebaseListObservable<any> = af.database.list('/Documentos');

af is my AngularFire on constructor.

一些想法？

Answer 1

尝试使用下面的 code:PrimeFace table 该值包含值列表，因此素数面将负责循环

<p-dataTable [value]="documentos|async">
<p-column field="nombre" header="Nombre"></p-column>
<p-column field="year" header="Tipo"></p-column>
<p-column field="brand" header="Permiso de usuario"></p-column>
<p-column field="color" header="Permiso de grupo"></p-column>
<p-column field="color" header="Enlace"></p-column></p-dataTable>

Answer 2

  <p-dataTable [value]="documentos | async" align="center" [rows]="10" [paginator]="true" [globalFilter]="gb" #dt>
<p-column field="nombre" header="Nombre" [sortable]=true [filter]="true" filterPlaceholder="Buscar"></p-column>
<p-column field="tipoDocumento" header="Tipo documento" [sortable]=true></p-column>
<p-column field="usuario" header="Permisos de usuario" [sortable]=true [filter]="true" filterPlaceholder="Buscar"></p-column>
<p-column field="grupo" header="Permisos de grupo " [sortable]=true [filter]="true" filterPlaceholder="Buscar"></p-column>
<p-column field="enlaceDescarga" header="Enlace"></p-column>

如何用 FirebaseObservableList 填充 primeng <p-datatable>？

How to fill the primeng <p-datatable> with FirebaseObservableList?

angular

firebase

web

primeng