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

working facebook feed

parent 07c7f8f8
Branches
Tags
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.
Please register or to comment