如何用FirebaseObservableList填充primeng <primeng>？

Question

我正在尝试用我的firebase数据库内容填充datatable ()。但我不知道如何使用*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>

我的问题是价值，我不知道如何用FirebaseObservableList填充数组。我用以下内容检索列表：

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

af是构造函数上的AngularFire。

一些想法？

Answer 1

尝试使用以下代码:PrimeFace表，该值包含值的列表，因此主面将负责循环

<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>

​