【问题标题】:Angular routing with multiple parameters, and some in the middle具有多个参数的角度路由,其中​​一些在中间
【发布时间】:2021-07-13 12:33:30
【问题描述】:

我有以下路线:

app/:foo/article/edit/:id

我希望通过执行以下操作可以导航到这条路线:

this.router.navigate(['app/:foo/article/edit/:id', 1, 3]);

但这不起作用,我找不到任何用于此目的的导航或 URL 生成功能。

我真的需要自己替换参数吗?

编辑:

我想以编程方式导航,因为这不是我想导航到的唯一路线。这一切都在 Route Guard 中完成,并且根据我想要导航到不同路线的要求。在下面的另一条路线中:

app/:foo/material/wareneingang/edit/:id

【问题讨论】:

    标签: angular angular-router


    【解决方案1】:

    试试这个:

    this.router.navigate(['/app', 1, 'article', 'edit' 3]);
    

    您也可以用变量替换数值。

    编辑:

    如果您想要更接近您的方法,您可以尝试:

    this.router.navigate(`app/${foo}/article/edit/${id}`);
    

    希望对你有帮助

    【讨论】:

    • 是的,对于目前的情况,这将是一个解决方案。但是,我想以编程方式进行导航。我已经更新了我的问题
    • 您可以使用路由数组的每个元素作为变量,但如果您想要更接近您的方法,您可以尝试:this.router.navigate(app/${foo}/article/edit/${id});我更新了答案。
    猜你喜欢
    • 2018-03-20
    • 1970-01-01
    • 2018-01-07
    • 2017-06-27
    • 1970-01-01
    • 2018-05-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多