If I remove de common component “ComponentsModule” from page.module.ts, the line “this.events.publish(‘GalleryPageImageClick’, item);” works great, but if I load the Component, does not work any more,
Any idea ?
Page.ts:
import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams, Events } from ‘ionic-angular’;
…
@IonicPage()
@Component({
…
})
export class DevicePage {
…
constructor(public navCtrl: NavController,
public navParams: NavParams,
private events: Events) {
}
listenEventsFromGallery() {
this.events.subscribe(‘GalleryPageImageClick’, (item) => {
});
}
ionViewCanEnter() {
console.log(’[device] ionView CanEnter’);
}
ionViewDidLoad() {
console.log(’[device] ionView DidLoad’);
this.listenEventsFromGallery();
}
ionViewWillEnter() {
console.log(’[device] ionView WillEnter’);
}
ionViewDidEnter() {
console.log(’[device] ionView DidEnter’);
}
ionViewCanLeave() {
console.log(’[device] ionView CanLeave’);
}
ionViewWillLeave() {
console.log(’[device] ionView WillLeave’);
}
ionViewWillUnload() {
console.log(’[device] ionView WillUnload’);
console.log(’[device] unsubscribe from: GalleryPageImageClick’);
this.events.unsubscribe(‘GalleryPageImageClick’);
}
}
Page.module.ts
import { NgModule } from ‘@angular/core’;
import { IonicPageModule } from ‘ionic-angular’;
import { ComponentsModule } from ‘…/…/components/components.module’;
import { DevicePage } from ‘./device’;
@NgModule({
declarations: [
DevicePage,
],
imports: [
ComponentsModule,
IonicPageModule.forChild(DevicePage)
],
})
export class DevicePageModule {}
otherPage.ts:
onImageClick(event, item) {
this.events.publish(‘GalleryPageImageClick’, item);
this.rootNavCtrl.pop();
}