HashLocationStrategy

Stable Class

What it does

Use URL hash for storing application location data.

Class Overview

class HashLocationStrategy extends LocationStrategy {
  constructor(_platformLocation: PlatformLocation, _baseHref?: string)
  
  
  onPopState(fn: LocationChangeListener) : void
  getBaseHref() : string
  path(includeHash?: boolean) : 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
}

Class Description

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.

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; }
}

Annotations

@Injectable()

Constructor

constructor(_platformLocation: PlatformLocation, _baseHref?: string)

Class Details

onPopState(fn: LocationChangeListener) : void

getBaseHref() : string

path(includeHash?: boolean) : 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

exported from @angular/common/index, defined in @angular/common/src/location/hash_location_strategy.ts