Question

我是Angular 2的新手。我正在经历 this链接，提到了编写路径链接的不同方式。

1. <a [routerLink]="[ '/path', routeParam ]">
2. <a [routerLink]="[ '/path', { matrixParam: 'value' } ]">
3. <a [routerLink]="[ '/path' ]" [queryParams]="{ page: 1 }">
4. <a [routerLink]="[ '/path' ]" fragment="anchor">

我只知道第一种路线，任何人都可以解释一下其他三个

Answer 1

1）第一个是路径的一部分。这是路线参数

{ path: '/path/:someParam', ...

3）是在路径之后添加的查询参数（另请参阅https://en.wikipedia.org/wiki/Query_string）

/path/xxx?queryParam=value

2）是matrix parameters并且类似于3）但查询参数只能用于顶级路由和矩阵参数2）只能用于子路由

/path/child/;page=1/otherchild?queryParam=value

4）HTML fragment identifier部分

/path/xxx?queryParam=value#anchor

使浏览器滚动到<a name="anchor">或ID为anchor <header id="anchor">的元素。（片段标识符仅由客户端（浏览器）处理，从不发送到服务器）

了解Angular 2中的路径参数

1 个答案: