具有集合名称的多个集合中的Angular 显示字段

v09wglhw  于 2021-10-10  发布在  Java
关注(0)|答案(0)|浏览(139)

我有mongodb集合“通道”,其中字段“名称”是数据库中其他集合的名称。所有其他集合都有相同的字段。现在我想制作一个Angular 表,其中显示所有这些集合数据(总共大约有20000行)。但在最后一个字段中有数据所在的集合的名称。我设法显示数据并将集合名称放入数组(名为“items”)。但现在我不知道如何继续。
下面是显示数据并将集合名称保存到数组的代码:

kanali: Kanal[];
  items = [];
  first = 0;
  rows = 25;
  kanal:String;

  constructor(
    public data: DataService,
    private http: HttpClient
  ) {
    this.http.get("http://127.0.0.1:3000/:0").toPromise().then(data => {
      for (let key in data) {
        if (data.hasOwnProperty(key))
          this.items.push(data[key].Ime);
      }
      this.items.forEach(element => {
        this.data.dobi(element).subscribe(osebe => (this.kanali = osebe));
      })
    })

  }

这是我的html:

<p-table [value]="kanali" [paginator]="true" [rows]="25" [showCurrentPageReport]="true" 
    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries" [rowsPerPageOptions]="[10,25,50]" editMode="row">
        <<ng-template pTemplate="header">
            <tr>
                <th pSortableColumn="Naslov">Naslov<p-sortIcon field="Naslov"></p-sortIcon>
                </th>
                <th pSortableColumn="Ime">Ime<p-sortIcon field="Ime"></p-sortIcon>
                </th>
                <th pSortableColumn="St_Ogledov">St_Ogledov<p-sortIcon field="St_Ogledov"></p-sortIcon>
                    </th>
            </tr>
            </ng-template>
            <ng-template pTemplate="body" let-video>
                <tr>
                    <td>{{video.Naslov}}</td>
                    <td>{{this.items[this.s]}}</td>
                    <td>{{video.St_Ogledov}}</td>
                </tr>
            </ng-template>
            <ng-template pTemplate="paginatorleft">
                <p-button type="button" icon="pi pi-plus" styleClass="p-button-text"></p-button>
            </ng-template>
            <ng-template pTemplate="paginatorright">
                <p-button type="button" icon="pi pi-cloud" styleClass="p-button-text"></p-button>
            </ng-template>
    </p-table>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题