Angular 7ルーティングを使用
3303 ワード
Angularルーティングコンポーネントの導入
1:コマンドライン運転
2:app-router.component.tsを次のように変更します.
3:ルーティング定義を追加します.テンプレートは次のとおりです.
4:ルーティング出口の追加
5:ルーティング接続の追加
エラーレコードErrorを解決する:“No base href set.Please provide a value for the APP_BASE_HREF token or add a base element to the document.”解決方法:headラベルの下に...
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ラベルの下に...