## RouterLink 鏈接到應用中指定的部分。 ### 如何使用 考慮下面這樣一個路由配置 ``` [{ path: 'user/:name', component: UserCmp }] ``` 想要鏈接到路由 `user/:name`，可以這樣寫 ```html <a routerLink='/user/bob'>link to user component</a> ``` ### 類定義 ```typescript class RouterLink { constructor(router: Router, route: ActivatedRoute, locationStrategy: LocationStrategy) queryParams : {[k: string]: any} fragment : string preserveQueryParams : boolean preserveFragment : boolean routerLink onClick(button: number, ctrlKey: boolean, metaKey: boolean) : boolean urlTree : UrlTree } ``` ### 類描述 RouterLink指令能夠鏈接到應用中指定區域。 如果使用靜態鏈接，可以像下面這樣直接使用 ```html <a routerLink="/user/bob">link to user component</a> ``` 如果是動態生成的鏈接，可以傳遞一個數組帶有路徑片段，以及后續每一個參數的片段。 例如 `['/team', teamId, 'user', userName, {details:true}]`，表示我們想要鏈接到地址 `/team/11/user/bob;details=true` 多個靜態片段可以合并到一個（示例：`['/team/11/user'], username, {details: true}`） 第一個片段名可以使用/, ./, 或者 ../ 開關 - 如果片段以 `/` 開始，路由器會以應用的根路由查找起點 - 如果片段以 `./` 開始，或者不以斜線開始中，路由器會從當前路由的子節點路徑開始查找 - 如果片段以 `../` 路由會從上一級節點為查詢路徑 使用以下方式設置查詢參數和片段 ```html <a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">link to user component</a> ``` 這會生成鏈接 `/user/bob#education?debug=true` 也可以直接告訴當前指令保留當前查詢參數和片段 ```html <a [routerLink]="['/user/bob']" preserveQueryParams preserveFragment>link to user component</a> ``` The router link directive always treats the provided input as a delta to the current url. 例如：當前路由地址為 `/user/(box//aux:team)，接下來點擊鏈接 <a [routerLink]="['/user/jim']">Jim</a>` 會生成鏈接 `/user/(jim/aux:team)` ### 屬性 - queryParams : {[k: `string`]: `any`} - fragment : `string` - preserveQueryParams : `boolean` - preserveFragment : `boolean` - routerLink - onClick(button: `number`, ctrlkey: `boolean`, metakey: `boolean`) : `boolean` - urlTree : `UrlTree`