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

时间:2016-10-26 13:31:28

标签: angular typescript ionic2

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

我该怎么办?

谢谢!

1 个答案:

答案 0 :(得分:7)

我是否正确理解您的问题,如何在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]);
});
}

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