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]);
});
}

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

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

1 个答案: