angular - PrimeNG: избегать отображения неопределенных данных - PullRequest
0 голосов
/ 17 марта 2020

Я использую NodeJS и angular в своем проекте, я использую primeng для отображения данных, некоторые поля возвращаются неопределенными, и я пытаюсь не показывать их; как это сделать с PrimeNG

ngOnInit() {
    this.http.get("/api/cities").subscribe((cities: any[]) => {
      this.cities = cities;
    })

    this.http.get("/api/users").subscribe((users: any[]) => {
      this.users = users
      console.log('this.users:', this.users)
      this.filteredUsers = this.users;
      this.numberOfUsers = this.filteredUsers.length;
      this.loading = false;
    })

    this.cols = [
      { field: 'fullName', header: 'Nom et prénom' },
      { field: 'phone', header: 'Numéro de téléphone' },
      { field: 'city', header: 'Commune' },
    ];
  }

  <ng-template pTemplate="body" let-rowData let-columns="columns" let-index="rowIndex">
                  <tr>
                    <td *ngFor="let col of columns" style="height: 50px;">
                      {{rowData[col.field]}}
                    </td>
                    <td style="text-align: center"><span *ngIf="rowData.activated == true"
                        class="badge-text badge-text-small info">Oui</span>
                      <span *ngIf="rowData.activated == false" class="badge-text badge-text-small danger">Non</span>
                    </td>
...