离子2 - 从app.component.ts调用页面函数

Question

我有一个包含菜单的离子2应用程序,每次我从菜单中选择一个项目时应该更新主页面,因为我在我的程序main.ts中写了一个函数,它将想要的结果作为列表返回,并且app.component.ts我必须调用它要执行的功能..

我该怎么办？

谢谢 !

Answer 1

我是否正确地理解了你的问题,你如何在app.components.ts的main.ts中解雇你的功能？

您可以将Ionic2 Events用于此目的:

在app.components.ts中:

import { Events } from 'ionic-angular';
constructor(public events: Events) {
}

clickMenu(item) {
events.publish('menu:clicked', item);
}

将clickMenu(item)添加到您的菜单项:( click)="clickMenu('whateverYouWantToPass')"

在main.ts中:

import { Events } from 'ionic-angular';

constructor(public events: Events) {
events.subscribe('menu:clicked', (item) => {
  // Do something with the clicked item data, e.g.:
  console.log(item[0]);
});
}

我希望这能让您更接近您的解决方案.