Asp.net Core Angular Templateルータアウトレットが正しくクリアされない

Question

asp.netコア2リリースの角スパンテンプレートから始めました。私は最初にVSと保存を変更した後に気づきましたが、ブラウザは更新されましたが、内容は重複し、3倍になりました。

私は現在、1つのルータ出口エリアで基本的なコンポーネントルーティングを行っています。私はhtmlとrouterのnavigateとnavigatebyurlで同じ結果を持つコードでrouterlinkを使用しようとしました。最初のナビゲートでは、新しいコンテンツがロードされますが、元のコンテンツはクリアされません。再度ナビゲートボタンを押すと、正しく読み込まれます。また、ブラウザに直接入力してパスをテストしたところ、すべて正常に動作します。私はdevモードで動作しているので、ライブリフレッシュと何か関係があるのか​​、それとも.netテンプレートにangular spaが実装されているのか分かりません。

すべてのファンシー何も、何もrouteguardsまたは何か他

は角度と同じプロジェクトで、MVC WEBAPIコントローラを持っている能力を愛していないが、実際にこれまでのところ、痛みとなっています。

***************** 
Routing Module 
    @NgModule({ 
     imports: [ 
       RouterModule.forRoot([ 
        { path: '', redirectTo: 'home', pathMatch: 'full' }, 
        { path: 'home', component: HomeComponent }, 
        { path: 'maint/uom/:id', component: UomDetailComponent }, 
        { path: 'maint/uom', component: UomMaintenanceComponent }, 
        { path: 'httptest', component: HttpTestComponent}, 
        { path: '**', redirectTo: 'home' } 
       ]), 
      ], 
      exports: [RouterModule] 
    }) 
    export class AppRoutingModule { } 

******************************************* 

//navigate in ts file 
    showUomDetail(uom: IUom) { 
      console.log(uom); 
      this._router.navigate(['/maint/uom', uom.id]); 

      // this._router.navigateByUrl('/maint/uom/5'); 
      //route to detail page 
     } 


***** 
HTML snippet 
    <a class="btn btn-primary" [routerLink]="['/httptest']">View</a> 

***** 
app.component.html 
<div class='container-fluid'> 
    <div class="row"> 
     <nav-menu></nav-menu> 
    </div> 
    <div class='row'> 
     <div class='col-sm-9 body-content'> 
      <router-outlet></router-outlet> 
     </div> 
    </div> 
</div> 

Answer 1

最後に、コンポーネントが見つかるまでコンポーネントを引き戻し始めました。それは、BrowserAnimationModuleでした。私はそれを引っ張って、すべてが期待どおりに働いた。