0
我是非常新的離子,目前工作/學習與Ionic 2.我想顯示一個用戶下線時的敬酒。我目前能夠做到這一點,如下面我的代碼所示(每當用戶離線時吐司顯示)。然而,我想要做的是在http請求上顯示敬酒(拉到刷新和無限滾動)。因此,即使已經加載數據,當用戶試圖通過無限滾動加載更多數據時刷新以顯示吐司,然後他們會收到通知他們處於離線狀態。網絡檢查並顯示吐司上Http請求
export class HomePage {
datas:any = [];
page:number =1;
connected: Subscription;
disconnected: Subscription;
constructor(private toast: ToastController, private network: Network, public navCtrl: NavController, private wpapi: Wpapi) {
this.getPosts();
}
displayNetworkUpdate(connectionState: string){
//let networkType = this.network.type
this.toast.create({
message: `You are currently ${connectionState}, please re connect your data`,
duration: 3000
}).present();
}
ionViewDidEnter() {
this.disconnected = this.network.onDisconnect().subscribe(data => {
console.log(data)
this.displayNetworkUpdate(data.type);
}, error => console.error(error));
}
getPosts() {
//this.page = '1';
//this.wpapi.index(this.page)
this.wpapi.index(1)
.subscribe(data => {
this.datas = data;
console.log(this.datas);
});
}
loadMore(infiniteScroll) {
this.page++;
this.wpapi.index(this.page).subscribe(datas => {
// Loads posts from WordPress API
let length = datas["length"];
if(length === 0) {
infiniteScroll.complete();
return;
}
for (var i = length - 1; i >= 0; i--) {
this.datas.push(datas[i]);
}
infiniteScroll.complete();
});
}
doRefresh(refresher) {
this.wpapi.index(1)
.subscribe(data => {
this.datas = data;
refresher.complete();
});
}
ionViewWillLeave(){
this.connected.unsubscribe();
this.disconnected.unsubscribe();
}
}