如何在Angular 7中使用ngFor僅在不提及數組列表中的鍵的情況下獲取對象值

Question

我有一個包含 emp 對象列表的數組列表。 我想使用 *ngFor 循環在 html 中進行迭代。 但我不想給像{{emp.empname}} 。 我只想在不提及帶有 emp 對象的鍵的情況下獲取值。

const epmloyees = [
                    {'empname': 'kumaresan', 'id': 2}, 
                    {'empname': 'perumal', 'id': 3},
                  ]

HTML代碼

        <tr *ngFor="let emp of epmloyees ">

        <td scope="row" class="font-weight-bold">{{emp}}</td>

Answer 1

您可以使用keyvalue管道將對象或映射轉換為鍵值對數組。

<div *ngFor="let e of epmloyees">
  <div *ngFor="let p of e | keyvalue:desc">
    {{p.key}}{{p.value}}    //You can get here `key` and `value`
   </div>
</div>


desc = (a, b) => {
   if(a.key < b.key) return b.key;
}

Answer 2

你可以試試這個

 <tr *ngFor="let emp of Object.values(epmloyees)">
 <td scope="row" class="font-weight-bold">{{emp}}</td>