Angular Services

In App notifications

As we know so far, the qualified news for notifications are saved under the Notifier/rated-news object. So listing and showing them inside the notifier template will satisfy the in app notification goal. So start by creating a new list observable object inside the component and point it to the Notifier/rated-news node:

// src/app/notifier/notifier.component.ts 
import {  
  AngularFire, FirebaseObjectObservable, FirebaseListObservable 
} from 'angularfire2'; 
//... 
 
export class NotifierComponent { 
  //... 
  private ratedNews: FirebaseListObservable<any>; 
  constructor(af: AngularFire, ns: NotifierService) { 
    //... 
    this.ratedNews = af.database.list('Notifier/rated-news'); 
  } 
//... 
} 

Now inside the template, loop through the news item and format ...