类型“FoldersPage”上不存在属性“Object”

Question

在*ngFor指令的帮助下，我遍历对象数组并尝试在布局上呈现每个对象的第一个键。 但我正面临这个错误：

类型“FoldersPage”上不存在属性“Object”

这是我的代码：

<ion-list>
   <ion-item *ngFor="let folder of folders" (click)="open(folder)">
      <ion-label>
        <h1>{{ Object.keys(folder)[0] }}</h1>  // Error line
        <p>31 tasks</p>
      </ion-label>
      <ion-icon (click)="edit(folder);$event.stopPropagation()" slot="end" name="pencil"></ion-icon>
      <ion-icon (click)="delete(folder);$event.stopPropagation()" slot="end" name="trash"></ion-icon>
    </ion-item>
</ion-list>

如何解决这个错误？ 或者，如果这种方式不可能，那么还有其他更好的替代方法吗？

谢谢。

Answer 1

为了在模板中使用Object.keys(folder)[0] ，从模板调用一个函数，并从该函数定义返回键。

在模板中

{{ getKeys(folder)[0] }}

在 component.ts

getKeys(obj) {
  return Object.keys(obj);
};