Angular 7ルーティングを使用

3303 ワード

Angularルーティングコンポーネントの導入
1:コマンドライン運転
ng generate module app-routing --flat --module=app

2:app-router.component.tsを次のように変更します.
import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}

3:ルーティング定義を追加します.テンプレートは次のとおりです.
const routes: Routes = [
  { path: 'heroes', component: HeroesComponent }
];

4:ルーティング出口の追加
<router-outlet></router-outlet>

5:ルーティング接続の追加
 <a routerLink="/heroes">Heroes</a>

エラーレコードErrorを解決する:“No base href set.Please provide a value for the APP_BASE_HREF token or add a base element to the document.”解決方法:headラベルの下に...