ionic-framework/ionic/components/app/test/hn/pages/top.js

import {NgFor, ElementRef, bootstrap} from 'angular2/angular2';

import {Ancestor} from 'angular2/src/core/annotations_impl/visibility';

import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';

import {NavController, HeaderTemplate, Toolbar, Content, List, Item} from 'ionic/ionic';

import {HackerNews} from '../hn'

console.log('Angular directives', NgFor, Content, List, Item);

@Component({
  selector: 'top-stories'
})
@View({
  templateUrl: 'pages/top.html',
  directives: [HeaderTemplate, Toolbar, Content, NgFor, List, Item]
})
export class HNTopStories {
  constructor() {

    this.stories = [{
      by: "FatalLogic",
      descendants: 77,
      id: 9444675,
      //kids: Array[26]
      score: 464,
      text: "",
      time: 1430116925,
      title: "Under Pressure",
      type: "story",
      url: "http://minusbat.livejournal.com/180556.html"
    }];

    var APIUrl = 'https://hacker-news.firebaseio.com/v0';

    console.log('FIREBASE', window.Firebase);

    this.fb = new window.Firebase(APIUrl);
    this.fb.child('topstories').limitToFirst(20).once('value', (snapshot) => {

      let items = snapshot.val();

      console.log('Fetched', items.length, 'items');

      for(var itemID of items) {

        this.fb.child("item").child(itemID).on('value', (data) => {
          console.log('GOT ITEM', data.val());
          this.stories.push(data.val());
        });
      }
    });

    //doStuffEnd
  }

  /*
  HackerNews.getTopStories((val) => {
    new Promise((resolve, reject) => {
      console.log('PROMISES!', val);
      this.stories.push(val);
      resolve();
    });
  });
  */
}