HashLocationStrategy
A LocationStrategy
used to configure the Location
service to
represent its state in the
hash fragment
of the browser's URL.
class HashLocationStrategy extends LocationStrategy implements OnDestroy {
onPopState(fn: LocationChangeListener): void
getBaseHref(): string
path(includeHash: boolean = false): string
prepareExternalUrl(internal: string): string
pushState(state: any, title: string, path: string, queryParams: string)
replaceState(state: any, title: string, path: string, queryParams: string)
forward(): void
back(): void
getState(): unknown
historyGo(relativePosition: number = 0): void
// inherited from common/LocationStrategy
abstract path(includeHash?: boolean): string
abstract prepareExternalUrl(internal: string): string
abstract getState(): unknown
abstract pushState(state: any, title: string, url: string, queryParams: string): void
abstract replaceState(state: any, title: string, url: string, queryParams: string): void
abstract forward(): void
abstract back(): void
historyGo(relativePosition: number)?: void
abstract onPopState(fn: LocationChangeListener): void
abstract getBaseHref(): string
}
Description
For instance, if you call location.go('/foo')
, the browser's URL will become
example.com#/foo
.
Further information is available in the Usage Notes...
Methods
onPopState() |
---|
getBaseHref() |
---|
ParametersThere are no parameters. Returns
|
path() |
---|
prepareExternalUrl() |
---|
pushState() |
---|
replaceState() |
---|
forward() |
---|
ParametersThere are no parameters. Returns
|
back() |
---|
ParametersThere are no parameters. Returns
|
getState() |
---|
ParametersThere are no parameters. Returns
|
historyGo() |
---|
Usage notes
Example
import {HashLocationStrategy, Location, LocationStrategy} from '@angular/common';
import {Component} from '@angular/core';
@Component({
selector: 'hash-location',
providers: [Location, {provide: LocationStrategy, useClass: HashLocationStrategy}],
template: `
<h1>HashLocationStrategy</h1>
Current URL is: <code>{{ location.path() }}</code
><br />
Normalize: <code>/foo/bar/</code> is: <code>{{ location.normalize('foo/bar') }}</code
><br />
`,
})
export class HashLocationComponent {
location: Location;
constructor(location: Location) {
this.location = location;
}
}