Get data from Firebase to Ionic(Angular)

Question

home.html

 <ion-list > <ion-item *ngFor="let item of itemData | async">{{itemData.$value}}</ion-item> </ion-list> 

home.ts

 import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database'; itemData: FirebaseListObservable<any[]>; constructor(public navCtrl: NavController, private fbd: AngularFireDatabase) { this.itemData = this.fbd.list('Arduino/Range1'); } 

I would like to data in the red box from to show in Ionic, What should I do?

==============================

Now I can use the data values And I have more questions.

I want to put data in position 1 to a variable value in position 2, what do I do?

Answer 1

I guess you just need to bind the properties

<ion-list >
  <ion-item *ngFor="let item of itemData | async">{{itemData.Range1}}</ion-item>
</ion-list>