Table of Contents

RouterLinkWithHref

directive

Lets you link to specific routes in your app.

Exported from

```
RouterModule
```

Selectors

a[routerLink]
area[routerLink]

Properties

Property	Description
`@Input()target: string`
`@Input()queryParams?: Params \| null`	Passed to Router#createUrlTree as part of the `UrlCreationOptions`. See also: UrlCreationOptions#queryParams Router#createUrlTree
`@Input()fragment?: string`	Passed to Router#createUrlTree as part of the `UrlCreationOptions`. See also: UrlCreationOptions#fragment Router#createUrlTree
`@Input()queryParamsHandling?: QueryParamsHandling \| null`	Passed to Router#createUrlTree as part of the `UrlCreationOptions`. See also: UrlCreationOptions#queryParamsHandling Router#createUrlTree
`@Input()preserveFragment: boolean`	Passed to Router#createUrlTree as part of the `UrlCreationOptions`. See also: UrlCreationOptions#preserveFragment Router#createUrlTree
`@Input()skipLocationChange: boolean`	Passed to Router#navigateByUrl as part of the `NavigationBehaviorOptions`. See also: NavigationBehaviorOptions#skipLocationChange Router#navigateByUrl
`@Input()replaceUrl: boolean`	Passed to Router#navigateByUrl as part of the `NavigationBehaviorOptions`. See also: NavigationBehaviorOptions#replaceUrl Router#navigateByUrl
`@Input()state?: { [k: string]: any; }`	Passed to Router#navigateByUrl as part of the `NavigationBehaviorOptions`. See also: NavigationBehaviorOptions#state Router#navigateByUrl
`@Input()relativeTo?: ActivatedRoute \| null`	Passed to Router#createUrlTree as part of the `UrlCreationOptions`. Specify a value here when you do not want to use the default value for `routerLink`, which is the current activated route. Note that a value of `undefined` here will use the `routerLink` default. See also: UrlCreationOptions#relativeTo Router#createUrlTree
`href: string \| null`
`@Input()routerLink: string \| any[]`	Write-Only Commands to pass to Router#createUrlTree. array: commands to pass to Router#createUrlTree. string: shorthand for array of commands with just the string, i.e. `['/route']` null\|undefined: Disables the link by removing the `href` See also: Router#createUrlTree
`urlTree: UrlTree \| null`	Read-Only

Description

See RouterLink for more information.

© 2010–2022 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://angular.io/api/router/RouterLinkWithHref