ionic-framework/demos/slides/index.ts

import {App, IonicApp} from 'ionic/ionic';
import {Http} from 'angular2/http';

@App({
  templateUrl: 'main.html',
})
class MyApp {
  constructor(private app: IonicApp, http: Http) {
    this.http = http;
    this.extraOptions = {
      loop: true
    };
    this.images = [];

    let tags = "amsterdam";
    let FLICKR_API_KEY = '504fd7414f6275eb5b657ddbfba80a2c';
    let baseUrl = 'https://api.flickr.com/services/rest/';

    this.http.get(baseUrl + '?method=flickr.groups.pools.getPhotos&group_id=1463451@N25&safe_search=1&api_key=' + FLICKR_API_KEY + '&format=json&nojsoncallback=1&tags=' + tags).subscribe(
      data => {
        let val = data.json();
        this.images = val.photos.photo.slice(0, 20);
        setTimeout(() => {
          this.slider.update();
        });
      },
      err => console.log(err),
      () => console.log('complete')
    );
  }

  onInit() {
    setTimeout(() => {
      this.slider = this.app.getComponent('slider');
      console.log('Got slider', this.slider);
    });
  }

  getImageUrl(item) {
    return "http://farm"+ item.farm +".static.flickr.com/"+ item.server +"/"+ item.id +"_"+ item.secret + "_z.jpg";
  }

  doRefresh() {
    console.log('DOREFRESH')
  }
}