RouterLinkWithHref

directive

npm Package @angular/router
Module import { RouterLinkWithHref } from '@angular/router';
Source router/src/directives/router_link.ts
NgModule RouterModule

Lets you link to specific parts of your app.

See RouterLink for more information.

Overview

@Directive({ selector: 'a[routerLink]' })
class RouterLinkWithHref implements OnChanges, OnDestroy {
  target: string
  queryParams: {...}
  fragment: string
  queryParamsHandling: QueryParamsHandling
  preserveFragment: boolean
  skipLocationChange: boolean
  replaceUrl: boolean
  href: string
  set routerLink: any[] | string
  set preserveQueryParams: boolean
  ngOnChanges(changes: {}): any
  ngOnDestroy(): any
  onClick(button: number, ctrlKey: boolean, metaKey: boolean, shiftKey: boolean): boolean
  get urlTree: UrlTree
}

Selectors

a[routerLink]

Inputs

target bound to RouterLinkWithHref.target
queryParams bound to RouterLinkWithHref.queryParams
fragment bound to RouterLinkWithHref.fragment
queryParamsHandling bound to RouterLinkWithHref.queryParamsHandling
preserveFragment bound to RouterLinkWithHref.preserveFragment
skipLocationChange bound to RouterLinkWithHref.skipLocationChange
replaceUrl bound to RouterLinkWithHref.replaceUrl
routerLink bound to RouterLinkWithHref.routerLink
preserveQueryParams bound to RouterLinkWithHref.preserveQueryParams

Constructor

constructor(router: Router, route: ActivatedRoute, locationStrategy: LocationStrategy)

Members

target: string

queryParams: { [k: string]: any; }

fragment: string

queryParamsHandling: QueryParamsHandling

preserveFragment: boolean

skipLocationChange: boolean

replaceUrl: boolean

href: string

set routerLink: any[] | string

set preserveQueryParams: boolean

ngOnChanges(changes: {}): any

ngOnDestroy(): any

onClick(button: number, ctrlKey: boolean, metaKey: boolean, shiftKey: boolean): boolean

get urlTree: UrlTree

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