如何在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>