Contact List by useing Firebase

run command.

Make for apk - npm install promise-polyfill --save-exact

npm install angularfire2 firebase --save

First Create a new page under src folder (environments) and then create and new file (environment.ts).

environment.ts

 import this

export const environment = { production: false, firebase: { apiKey: "AIzaSyAs7L8jvLomQInVEWI6h2jwzuZy9w20czM", authDomain: "mycontactlist-81682.firebaseapp.com", databaseURL: "https://mycontactlist-81682.firebaseio.com", projectId: "mycontactlist-81682", storageBucket: "mycontactlist-81682.appspot.com", messagingSenderId: "987292039015" } };

app.module.ts

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';

import { AngularFireModule } from 'angularfire2';

import { AngularFireDatabaseModule } from 'angularfire2/database';

import { AngularFireAuthModule } from 'angularfire2/auth';

import { environment } from '../environments/environment';

  imports: [

    BrowserModule,

    IonicModule.forRoot(MyApp),

    AngularFireModule.initializeApp(environment.firebase, 'my-app-name'), // imports firebase/app needed for everything

    AngularFireDatabaseModule, // imports firebase/database, only needed for database features

    AngularFireAuthModule, // imports firebase/auth, only needed for auth features

  ],

For Show list in your contact list paga.

contact.html

  <ion-card *ngFor="let people of contactList | async" (click)="profile(people)">
        <ion-grid>
            <ion-row>
                <ion-col col-4> <img class="imgs" src="./assets/img/2.jpg"></ion-col>
                <ion-col col-8>
                    <p>{{people.name}}</p>
                    <h6>{{people.qualification}}</h6>
                    <h5>{{people.mobile}}</h5>
                </ion-col>
            </ion-row>
        </ion-grid>

    </ion-card>

contact.ts

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';

export class ContactPage {

contactList:any;
  constructor(public navCtrl: NavController, public db: AngularFireDatabase, public params: NavParams) {
    this.contactList = this.db.list('/contacts');
  }