Asp.net Core Angular模板路由器插座沒有正確清除

我已經從asp.net core 2發佈的角度spa模板開始。我在VS中進行更改並保存後首先注意到，瀏覽器會刷新，但內容是重複的，重複的......等。Asp.net Core Angular模板路由器插座沒有正確清除

我現在正在使用一個路由器插座區域進行一些基本組件路由。我試圖在html和router中使用routerlink，並在代碼中導航和navigatebyurl中得到相同的結果。在第一次導航時，新內容會被加載，但原始內容不會被清除。如果我再次點擊導航按鈕，它會正確地重新加載。我也通過直接進入瀏覽器來測試路徑，一切正常。由於我在開發模式下運行，不知道它是否與實時刷新有關，或者它是否具有.net模板實現了角度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>

來源

2017-08-24 Chris Oneslager

不知道這是否是顯示的最佳方式，但這裏是鏈接到谷歌驅動器的視頻。 https://drive.google.com/open?id=0BwI9FAmKVvK_NHRTWG5feGx4SDg。產品詳細信息是一個新的組件，而不是隱藏在網頁上的內容，這就是爲什麼通過網址或通過底部的A標籤直接訪問的原因。謝謝 –

你的路由器插座是什麼樣的？你是否使用任何組件作爲指令？（即使用其他HTML中的組件選擇器屬性）？ – DeborahK

在這一點上很簡單。一個使用引導菜單的路由器插座...將代碼片段添加到上面的代碼中。如果我在服務器運行時進行更改，當頁面自動刷新時，也會發生類似的情況，它也可以重複，直到我強制刷新。 –

我終於開始將組件拉出應用程序，直到找到它。它是BrowserAnimationModule。一旦我把它拉出來，一切都按預期工作。

來源

2017-08-27 23:57:41

你節省了我的一天。 – Ismaestro

Asp.net Core Angular模板路由器插座沒有正確清除

回答

相關問題