如何从弹出框控制器更新父页面

【问题标题】：How to update parent page from popover controller如何从弹出框控制器更新父页面
【发布时间】：2020-01-14 18:32:26
【问题描述】：

我有一个 popoverController 并想更新父页面上的一个变量，该变量在后台可见（底部，因为 popover 不是全屏）。有没有简单的方法可以做到这一点？

因为this.parentPage.setXY('xy') 不起作用。 ParentPage 没有提供程序，我不想添加它只是为了一种用途。

还有其他可能吗？

【问题讨论】：

标签： angular ionic-framework popover angular8

【解决方案1】：

您可以在 Angular 框架中使用输出。

类似这样的：

export class ChildComponent {
@Output() yearUpdated = new EventEmitter<number>();
year : 2019;

setCurrentYear() {
    this.yearUpdated.emit(this.year);
}

}

//Then the value yearUpdated will be available in your parent component.

//In your parent template:

<app-parent>
<app-child (yearUpdated)="onYearUpdate($event)"></app-child>
</app-parent>

//In your typescript file:

export class ParentComponent {
currentYear : number

onYearUpdate(year: number) {
    this.currentYear = year;
}

}

【讨论】：

你也可以使用 Angular 服务，这是另一种选择。