Skip to content
Snippets Groups Projects
Commit b3c07f06 authored by wonko's avatar wonko
Browse files

working facebook feed

parent 07c7f8f8
No related branches found
No related tags found
No related merge requests found
......@@ -17,5 +17,9 @@
<ion-content padding>
<ion-list>
<ion-item *ngFor="let message of fb_feed">
{{message.message}}
</ion-item>
</ion-list>
</ion-content>
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FacebookProvider } from '../../providers/facebook-provider';
/**
* Generated class for the News page.
......@@ -11,12 +12,29 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
@Component({
selector: 'page-news',
templateUrl: 'news.html',
providers:[FacebookProvider],
})
export class News {
constructor(public navCtrl: NavController, public navParams: NavParams) {
fb_feed: any;
constructor(public navCtrl: NavController, private facebookProvider: FacebookProvider, public navParams: NavParams) {
this.getdata();
}
getdata(){
this.facebookProvider.getFeed().subscribe(
result => {
this.fb_feed=result.data;
console.log("Success : "+this.fb_feed);
},
err =>{
console.error("Error : "+err);
} ,
() => {
console.log('getData completed');
}
);
}
ionViewDidLoad() {
console.log('ionViewDidLoad News');
}
......
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/mergeMap';
@Injectable()
export class FacebookProvider {
fb_token: string;
constructor(public http: Http) {
console.log('Hello FacebookProvider Provider');
}
getToken(){
return this.http.get('https://graph.facebook.com/oauth/access_token?client_id=383921551657881&client_secret=4343cb687dc79a236dcf19ae032e81ec&grant_type=client_credentials').map(res => res.json());
}
getFeed(){
return this.http.get('https://graph.facebook.com/oauth/access_token?client_id=383921551657881&client_secret=4343cb687dc79a236dcf19ae032e81ec&grant_type=client_credentials').map(res => res.json())
.flatMap((token) => {
console.log('token'+token.access_token);
return this.http.get('https://graph.facebook.com/nightofscience/feed?access_token='+token.access_token).map(res => res.json());
})
}
}
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class ScheduleProvider {
constructor(public http: Http) {
console.log('Hello ScheduleProvider Provider');
}
getJsonData(){
return this.http.get('schedule.json').map(res => res.json());
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment