Razorページ付きのASP.NET MVC 5アプリを、ASP.NETコア付きの角度アプリに移行したいと考えています。まあ、私は一からそれをやっている。ルータ出口を理解する
これは、Visual、私は角度と協力し、私は新しいアプリ、Visual StudioのASP.NETコアWebアプリケーションテンプレートを使用して角度オプションを選択し、C#を使用して、ASP.NETコア2.0を作成したのは初めてですスタジオプロフェッショナル15.3.5。私はそのテンプレートhereについてのチュートリアルを発見したが、私は理解していない一つのことがある
@angular/cli: 1.4.4
node: 6.11.3
os: win32 x64
:
ホームコンポーネントがあり--versionリターンをngの
コマンドhome
というセレクタがありますが、他のコンポーネントでは使用されておらず、レンダリングされています。私はこれを発見したapp.component.html
で
:
<div class='container-fluid'>
<div class='row'>
<div class='col-sm-3'>
<nav-menu></nav-menu>
</div>
<div class='col-sm-9 body-content'>
<router-outlet></router-outlet>
</div>
</div>
</div>
私は<router-outlet></router-outlet>
がapp.component.html
のレンダリングを担当していると思いますが、私はそれがどのように動作するかわかりません。
私はホームページ(/)にあるので、ホームコンポーネントをレンダリングしていますか?それがそうなら、もし私がホームページにいなければ、どのように働くのでしょうか? RouterModule
の値がapp-module
ファイルにありますか?あなたが言及チュートリアル
RouterModule.forRoot([
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: 'counter', component: CounterComponent },
{ path: 'fetch-data', component: FetchDataComponent },
{ path: '**', redirectTo: 'home' }
])
path: '**'
を見