angular2-nativescript 嵌套组件页面事件答案

【问题标题】：angular2-nativescript nested component page eventsangular2-nativescript 嵌套组件页面事件
【发布时间】：2017-08-30 18:55:43
【问题描述】：

我的路由设置如下：

const pages = [
    {
        path: "",
        component: BaseComponent,
        children: [
            { path: "scan", component: ScanComponent }
        ]
    }
];

所以比如你去/scan，就涉及到BaseComponent和ScanComponent。

BaseComponent 包含一个 <router-outlet></router-outlet>，它呈现 ScanComponent 的内容。

这一切都很好，但是：

在 ScanComponent 我有以下内容：

constructor(private page: Page) {
    this.page.on('navigatedTo', () => console.log('navigatedTo'));
}

而且这个事件永远不会被调用。

如果我从父路由中删除 component: BaseComponent 行，则会调用该事件，但这当然会破坏其他事情。

无论是否有父组件，如何确保始终调用此事件？

这是一个 NativeScript 应用程序，其中根组件包含 <page-router-outlet></page-router-outlet>

【问题讨论】：

标签： angular2-routing angular2-nativescript

【解决方案1】：

好吧，我想通了……因为“页面”是一个 nativescript 概念，它的事件只有在路由加载到 page-router-outlet 时才会应用，这也是一个 NativeScript 概念。这才有意义。

在 Google 上搜索了几个小时后，为什么我总是在发布到 StackOverflow 后就找到答案！？ *叹气*我猜这是某种橡皮鸭编程。

【讨论】：