我的Ionic 2应用程序中有一个标签布局,我希望父,Tab,组件从其中一个子视图中侦听一个事件。这就是我所拥有的:
<ion-tabs class="tabs-basic" (calculated_cost)="doIt()">
<ion-tab tabTitle="Profile" [root]="profilePage" (calculated_cost)="doIt()"></ion-tab>
<ion-tab tabTitle="Weigh Ins" [root]="weighinsPage"></ion-tab>
<ion-tab tabTitle="Finance" [root]="financePage"></ion-tab>
<ion-tab tabTitle="Images" [root]="imagePage" ></ion-tab>
</ion-tabs>
doIt() {
console.log("Something happened!");
}
在profilePage
我有EventEmitter
:
@Output() calculated_cost: EventEmitter<any> = new EventEmitter();
和我的profilePage
组件调用:
constructor() {
this.calcCost()
}
calcCost() {
this.calculated_cost.emit('foo')
}
我认为标签组件中的doIt()
函数会触发console.log("Something happened!")
,但我什么也看不见。我是组件通信的新手,所以解释会有很多帮助!