【问题标题】:routerlink and router.navigaterouterlink 和 router.navigate
【发布时间】:2018-01-13 07:12:30
【问题描述】:

我读到 routerlink 隐式调用 relativeTo 而 this.router.navigate 没有。

知道这些信息,我似乎仍然无法完成以下工作。

routerlink 工作并给了我以下地址:

http://localhost/main/(aux:crypto/5a599f35af967b0017d1be6f/blogoutlet:steemblog:)

但是:

this.router.navigate([{outlets: { 'blogoutlet' : ['steemblog']}}])

只给:

http://localhost/main/(aux:crypto/5a599f35af967b0017d1be6f)

每次我试图改变这些路径时,我都很难理解发生了什么,而且我需要很长时间才能解决它。 有没有我可以遵循的简单规则?

【问题讨论】:

    标签: angular difference routerlink


    【解决方案1】:

    [routerLink] 可用于 html for or 元素。这将导航到使用 params 给 routerLink 创建的路径。

    this.router.navigate(['/detail', this.selectedHero.id]);

    在您的 component.ts 或服务中用于导航到路径中提供的特定组件。

    【讨论】:

    • 但是如何使 this.router.navigate 路由到与 routerlink 相同的路径?我注意到我忘记添加指向同一路径的路由器链接,但不起作用。我应该使用一些东西吗:router.navigate (['../', {outlets: {'blogoutlet':['Steemblog']}}])
    • 您需要为 .navigate 提供相对路径
    • y 我很难理解相对路径的含义以及如何添加它,我尝试了相对路径,但是使用 relativepath this.route 它没有工作
    • 谢谢你这么多我会把它标记为答案,我可以请你看看:stackoverflow.com/questions/48227043/…
    猜你喜欢
    • 2018-01-19
    • 2020-05-21
    • 1970-01-01
    • 1970-01-01
    • 2017-05-13
    • 2017-11-16
    • 2016-11-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多