路由策略

兩種路由策略

PathLocationStrategy vs. HashLocationStrategy

PathLocationStrategy

  1. 網址結構
  2. 使用技術
  3. 支援瀏覽器
    • Internet Explorer 10+
    • Safari 5+
    • iOS 4
    • Firefox 4+
    • Google Chrome
  4. app-routing.module.ts路由定義
    @NgModule({
 imports: [
     RouterModule.forRoot(routs)
 ], 
})
  5. 需要Server端配合
  6. 程式進入點src/index.html的<head>內須設定<base href="/">相對基底路徑

HashLocationStrategy

  1. 網址結構
  2. 使用技術
    • HTML4 標準Hash網址格式 (IE 6+)
  3. app-routing.module.ts路由定義
    @NgModule({
 imports: [
     RouterModule.forRoot(routs, {
         useHash: true
     })
 ], 
})

results matching ""

    No results matching ""