如何用 FirebaseObservableList 填充 primeng <p-datatable>?
How to fill the primeng <p-datatable> with FirebaseObservableList?
我正在尝试用我的 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.
一些想法?
尝试使用下面的 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>
<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>
我正在尝试用我的 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.
一些想法?
尝试使用下面的 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>
<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>