rapropos, still not getting the view uptaded.
This is my code:
push.html
<ion-header>
<ion-navbar primary>
<ion-title>push</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item *ngFor="let message of messages">
<h1>{{message.subject}}</h1>
<p>{{message.content}}</p>
</ion-item>
</ion-list>
</ion-content>
push.ts
import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { PushProvider } from '../../providers/push-provider/push-provider'
@Component({
templateUrl: 'build/pages/push/push.html',
providers:[PushProvider]
})
export class PushPage {
messages = [
{
subject: 'Subject 3',
content: 'Content 3'
},{
subject: 'Subject 2',
content: 'Content 2'
},{
subject: 'Subject 1',
content: 'Content 1'
},
]
constructor(private nav: NavController, private platform: Platform, private pushProvider: PushProvider) {
var thisObj = this;
this.platform.ready().then(() => {
this.pushProvider.init();
this.pushProvider.messages.subscribe(data=>{
thisObj.messages.unshift({
subject: data.title,
content: data.message
});
})
});
}
}
push-provider.ts
export class PushProvider {
messages: any;
init(){
var push = Push.init({
android: {
senderID: "<MY_SENDER_ID>"
},
ios: {
alert: "true",
badge: true,
sound: 'false'
},
windows: {}
});
push.on('registration', (data) => {
console.log('REGISTRATION ID', data.registrationId);
});
this.messages = new Observable(observer=>{
push.on('notification', (data) => {
observer.next(data);
});
});
push.on('error', (e) => {
console.log(e.message);
});
}
}