firebaseからオブジェクトのオブジェクトを引き出しているため、私のionic 3アプリケーションでngx-pipesを使用しています。Angular 4 * ngFor、ngx-pipesはトップレベルのキーの名前を取得します
私は私のオブジェクトを取得し、私は、ページ上で使用できる変数にそれを回す:
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"
方法Iページに表示するのは一時的な解決策ですが、最初の行以外はすべて正常に動作しています。私はそれが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>
私はすべての作業を持っており、実際のイベントID <span>{{events[i] | keys}}</span>
除いて、すべての情報を取得できています。これは、私のすべてのリストを与えると言うイベント名(キー)を取得する必要がありますそれ(endDateTime, location, title, startDateTime...
)の内部キーが、私はeventIDHashed_1
と