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

标签： javascriptangularangular7

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;
}