linkHashLocationStrategy
| npm Package | @angular/common |
|---|---|
| Module | import { HashLocationStrategy } from '@angular/common'; |
| Source | common/src/location/hash_location_strategy.ts |
Use URL hash for storing application location data.
linkOverview
class HashLocationStrategy extends LocationStrategy {
constructor(_platformLocation: PlatformLocation, _baseHref?: string)
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
// inherited from common/LocationStrategy
path(includeHash?: boolean): string
prepareExternalUrl(internal: string): string
pushState(state: any, title: string, url: string, queryParams: string): void
replaceState(state: any, title: string, url: string, queryParams: string): void
forward(): void
back(): void
onPopState(fn: LocationChangeListener): void
getBaseHref(): string
}
linkDescription
HashLocationStrategy is a LocationStrategy used to configure the
Location service to represent its state in the
hash fragment
of the browser's URL.
For instance, if you call location.go('/foo'), the browser's URL will become
example.com#/foo.
linkExample
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; }
}
linkConstructor
constructor(_platformLocation: PlatformLocation, _baseHref?: string)
linkMembers
onPopState(fn: LocationChangeListener): void
pushState(state: any, title: string, path: string, queryParams: string)
replaceState(state: any, title: string, path: string, queryParams: string)
linkAnnotations
@Injectable()