HashLocationStrategy

A LocationStrategyused to configure the Locationservice to represent its state in the hash fragment of the browser's URL.

查看"说明"...

class HashLocationStrategy extends LocationStrategy { 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 // 继承自 common/LocationStrategy abstract path(includeHash?: boolean): string abstract prepareExternalUrl(internal: string): string 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 abstract onPopState(fn: LocationChangeListener): void abstract getBaseHref(): string }
      
      class HashLocationStrategy extends LocationStrategy {
  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

  // 继承自 common/LocationStrategy
  abstract path(includeHash?: boolean): string
  abstract prepareExternalUrl(internal: string): string
  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
  abstract onPopState(fn: LocationChangeListener): void
  abstract getBaseHref(): string
}
    

说明

For instance, if you call location.go('/foo'), the browser's URL will become example.com#/foo.

方法

onPopState(fn: LocationChangeListener): void
      
      onPopState(fn: LocationChangeListener): void
    
参数
fn LocationChangeListener
返回值

void

getBaseHref(): string
      
      getBaseHref(): string
    
参数

没有参数。

返回值

string

path(includeHash: boolean = false): string
      
      path(includeHash: boolean = false): string
    
参数
includeHash boolean

可选. 默认值是 false.

返回值

string

prepareExternalUrl(internal: string): string
      
      prepareExternalUrl(internal: string): string
    
参数
internal string
返回值

string

pushState(state: any, title: string, path: string, queryParams: string)
      
      pushState(state: any, title: string, path: string, queryParams: string)
    
参数
state any
title string
path string
queryParams string
replaceState(state: any, title: string, path: string, queryParams: string)
      
      replaceState(state: any, title: string, path: string, queryParams: string)
    
参数
state any
title string
path string
queryParams string
forward(): void
      
      forward(): void
    
参数

没有参数。

返回值

void

back(): void
      
      back(): void
    
参数

没有参数。

返回值

void

使用说明

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; } }
      
      
  1. import {HashLocationStrategy, Location, LocationStrategy} from '@angular/common';
  2. import {Component} from '@angular/core';
  3.  
  4. @Component({
  5. selector: 'hash-location',
  6. providers: [Location, {provide: LocationStrategy, useClass: HashLocationStrategy}],
  7. template: `
  8. <h1>HashLocationStrategy</h1>
  9. Current URL is: <code>{{location.path()}}</code><br>
  10. Normalize: <code>/foo/bar/</code> is: <code>{{location.normalize('foo/bar')}}</code><br>
  11. `
  12. })
  13. export class HashLocationComponent {
  14. location: Location;
  15. constructor(location: Location) { this.location = location; }
  16. }