如何在Angular2中导航到精确的url字符串

时间:2016-03-04 20:13:15

标签: angular angular2-routing

我设置了带参数的路由器

@RouteConfig([
    {
        path: 'article/:id/:title',
        name: 'ArticleContent',
        component: ArticleComponent
    }
])

在其他地方,我正在尝试读取看起来像这样的链接的href值

href="article/45/titlehere"

并使用路由器导航方法路由到该网址,而不必将其分解为单个参数。在Angular2中是否有直接的方法来做到这一点?像这样?

_router.navigate("article/34/titlehere")

这不起作用,继续

EXCEPTION: TypeError: linkParams.reduce is not a function

PS。已正确设置为站点根目录

1 个答案:

答案 0 :(得分:0)

如果您将url作为字符串,则应使用Router对象的navigateByUrl方法:

  

navigateByUrl(网址:字符串,_ skipLocationChange?:布尔):承诺< any>

     

导航到网址。返回导航完成时解析的promise。由于URL更脆弱,因此首选使用导航而不是此方法进行导航。

     

如果给定的URL以/开头,则路由器将绝对导航。如果   给定的URL不以/开头,路由器将相对导航   到这个组件。

相关问题