我有一个包含菜单的离子2应用程序,每次从菜单中选择一个项目时,主页面应该更新,为此我在main.ts
中编写了一个函数,将所需结果作为列表返回,并且在app.component.ts
我必须调用该函数来执行..
我该怎么办?
谢谢!
答案 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]);
});
}
我希望这能让您更接近您的解决方案。