Angularルーティングサブルートの詳細な説明

ng g コンポーネント製品の説明
ng g コンポーネント sellerInfo

'@angular/core' から Component、OnInit をインポートします。
'@angular/router' から ActivatedRoute をインポートします。

@成分（{
  セレクター: 'app-seller-info',
  テンプレート URL: './seller-info.component.html',
  スタイル URL: ['./seller-info.component.css']
})
SellerInfoComponentクラスをエクスポートし、OnInitを実装します。
  プライベート販売者ID: 数値;
  コンストラクター(プライベートルート情報: ActivatedRoute) { }

  ngOnInit() {
    this.sellerId = this.routeInfo.snapshot.params["id"];
  }

}

const ルート: ルート = [
  { path: '', redirectTo : 'home',pathMatch:'full' }, // パスが空です { path: 'home', component: HomeComponent },
  { パス: 'product/:id'、コンポーネント: ProductComponent、子:[
    { パス: ''、コンポーネント: ProductDescComponent },
    { パス: 'seller/:id'、コンポーネント: SellerInfoComponent }
  ] },
  { パス: '**'、コンポーネント: Code404Component }
];

<p>
  これは製品情報コンポーネントです</p>
<p>
  製品 ID は {{productId}} です
</p>

<a [routerLink]="['./']">製品の説明</a>
<a [routerLink]="['./seller',99]">営業担当者情報</a>
<ルーター アウトレット></ルーター アウトレット>