ionic-framework/demos/slides/index.ts

import {App, IonicApp} from 'ionic/ionic';


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

    this.images = [];

    let tags = "amsterdam";
    let FLICKR_API_KEY = '504fd7414f6275eb5b657ddbfba80a2c';

    let baseUrl = 'https://api.flickr.com/services/rest/';

    // TODO: update to use angular2's HTTP Service
    Http.get(baseUrl + '?method=flickr.groups.pools.getPhotos&group_id=1463451@N25&safe_search=1&api_key=' + FLICKR_API_KEY + '&jsoncallback=JSON_CALLBACK&format=json&tags=' + tags, {
      method: 'jsonp'
    }).then((val) => {
      this.images = val.photos.photo.slice(0, 20);
      setTimeout(() => {
        this.slider.update();
      });
    }, (err) => {
      alert('Unable to load images');
      console.error(err);
    })
  }

  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')
  }
}