文章/答案/技术大牛

发布

问NativeScript TabView导航
EN

Stack Overflow用户

提问于 2018-09-12 01:41:07

回答 1查看 1.1K关注 0票数 1

我正在创建一个从NativeScript TabView模板应用程序(https://github.com/NativeScript/template-tab-navigation-ng)开始的应用程序，我不知道如何以编程的方式从AppComponent的页面路由器出口中导航到页面。示例：

export class AppComponent{

    constructor(private router: RouterExtensions, private currentRoute: ActivatedRoute) {
        // Use the component constructor to inject providers.
    }

    getIconSource(icon: string): string {
        const iconPrefix = isAndroid ? "res://" : "res://tabIcons/";
        return iconPrefix + icon;
    }

    navigateToPage(): void {
        this.router.navigate(['../page'], { relativeTo: this.currentRoute });
    }
}

这在页面路由器出口内的页面中运行得很好，但是当我从AppComponent调用它时，我会得到一个控制台错误，如下所示：

Cannot match any routes. URL Segment: 'page'

我的实际代码在这里：stan

我的实际完全错误在这里，来自调试控制台：

Unhandled Promise rejection: Cannot match any routes. URL Segment: 'novena-day/1' ; Zone: <root> ; Task: Promise.then ; Value: Error: Cannot match any routes. URL Segment: 'novena-day/1' Error: Cannot match any routes. URL Segment: 'novena-day/1'

我尝试的导航是在LocalNotifications.addOnMessageReceivedCallback in OnInit in AppComponent中。

这看起来应该很简单。我在这方面有点新，所以任何帮助都是非常感谢的。

我使用的是最新版本的NativeScript、TypeScript和Angular。

谢谢!

typescript

navigation

nativescript

tabview

angular

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-12 07:39:25

这是如何导航到某些TabView选项卡。您的插座必须在app.routing.ts文件中设置。

private navigateToFoo() {
    this.routerExtensions.navigate([
        '/YourTabRouting', { outlets: { fooOutlet: ['foo'] } }
    ])
}

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52286300

复制

相似问题

问NativeScript TabView导航
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问NativeScript TabView导航EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问NativeScript TabView导航
EN