填寫這份《一分鐘調查》,幫我們(開發組)做得更好!去填寫Home

HashLocationStrategy

LocationStrategy用來配置 Location服務,以便在瀏覽器 URL 的 hash 片段中表示其狀態。

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

檢視"說明"...

      
      class HashLocationStrategy extends LocationStrategy implements OnDestroy {
  ngOnDestroy(): void
  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
  historyGo(relativePosition: number = 0): 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
  historyGo(relativePosition: number)?: void
  abstract onPopState(fn: LocationChangeListener): void
  abstract getBaseHref(): string
}
    

說明

例如,如果你呼叫 location.go('/foo') ,則瀏覽器的 URL 將變為 example.com#/foo

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

Further information available in the Usage Notes...

方法

      
      ngOnDestroy(): void
    
引數

沒有引數。

返回值

void

      
      onPopState(fn: LocationChangeListener): void
    
引數
fn LocationChangeListener
返回值

void

      
      getBaseHref(): string
    
引數

沒有引數。

返回值

string

      
      path(includeHash: boolean = false): string
    
引數
includeHash boolean
可選. 預設值是 `false`.
返回值

string

      
      prepareExternalUrl(internal: string): string
    
引數
internal string
返回值

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)
    
引數
state any
title string
path string
queryParams string
      
      forward(): void
    
引數

沒有引數。

返回值

void

      
      back(): void
    
引數

沒有引數。

返回值

void

      
      historyGo(relativePosition: number = 0): void
    
引數
relativePosition number
可選. 預設值是 `0`.
返回值

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