Javascript Angular 4*ngx管道获取顶级密钥的名称

我在我的ionic 3应用程序中使用ngx管道，因为我正在从firebase中提取一个对象对象

我检索我的对象并将其转换为可在页面上使用的变量：

getEvents() {
    this.firebaseDatabase.getEvents.subscribe(data => {
        console.log("Events ", data);
        this.events = data;
    }, error => {
        console.log("Events ", error);
    });
} 

我将数据记录下来，结果如下：

eventIDHashed_1:
    endDateTime:"tomorrow"
    location:"somewhere"
    roles:
        GyyapYhHQDOriruHLvGPKaTOiRp2:"admin"
    startDateTime:"today"
    title:"Arisss & Nathan"
    type:"wedding"
eventIDHashed_2:
    endDateTime:"tomorrow"
    location:"somewhere"
    roles:
        GyyapYhHQDOriruHLvGPKaTOiRp2:"admin"
    startDateTime:"today"
    title:"Jack & Marlana"
    type:"wedding"

我在页面上显示它的方式是一种临时解决方案，但除了第一行之外，其他一切都正常工作。我需要获取事件名称（键），其中显示

eventIDHashed_1

和

eventIDHashed_2

<div class="event-container">
    <div *ngFor="let event of events | values; let i = index">
        <span>{{events[i]}}</span>
        <span>{{event.title}}</span>
        <span>{{event.location}}</span>
        <span>{{event.type}}</span>
        <span *ngFor="let role of event.roles | pairs">
            <span>{{role[0]}}, {{role[1]}}</span>
        </span>
        <span>{{event.startDateTime}}</span>
        <span>{{event.endDateTime}}</span>
    </div>
</div>

{{events[i]}
{{event.title}
{{event.location}
{{event.type}
{{角色[0]}，{{角色[1]}
{{event.startDateTime}
{{event.endDateTime}

---

我有一切工作，能够检索所有信息，除了实际的事件ID

{{events[I]|keys}}

这给了我一个里面所有键的列表（

endDateTime，location，title，startDateTime…

），但是我需要获取事件的id

eventIDHashed_1

和

eventIDHashed_2

在使用ngx管道之后，我发现我可以非常简单地使用

pairs

操作符。我已将模板从上面更改为：

<div class="event-container">
    <div *ngFor="let event of events | values; let i = index">
        <span>{{events[i]}}</span>
        <span>{{event.title}}</span>
        <span>{{event.location}}</span>
        <span>{{event.type}}</span>
        <span *ngFor="let role of event.roles | pairs">
            <span>{{role[0]}}, {{role[1]}}</span>
        </span>
        <span>{{event.startDateTime}}</span>
        <span>{{event.endDateTime}}</span>
    </div>
</div>

<div *ngFor="let event of events | pairs">
    <span>{{event[0]}}</span>
    <span>{{event[1].title}}</span>
    <span>{{event[1].location}}</span>
    <span>{{event[1].type}}</span>
    <span *ngFor="let role of event[1].roles | pairs">
        <span>{{role[0]}}, {{role[1]}}</span>
    </span>
    <span>{{event[1].startDateTime}}</span>
    <span>{{event[1].endDateTime}}</span>
</div>

{{事件[0]}
{{事件[1]。标题}
{{事件[1]。位置}
{{事件[1]。类型}
{{角色[0]}，{{角色[1]}
{{事件[1].startDateTime}
{{event[1].endDateTime}

ngx对为我提供

事件的键（位置[0]）和值（位置[1]）