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表中的值包含值列表，因此prime face将处理循环

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

2 个答案: