Ionic 2 / Angular:将数据传递给制表符组件

时间:2017-06-01 20:44:12

标签: javascript angular ionic-framework ionic2

我的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!"),但我什么也看不见。我是组件通信的新手,所以解释会有很多帮助!

0 个答案:

没有答案