Asp.net核心角模板路由器出口未正确清除

Question

我已经开始使用asp.net core 2发行版中的角度spa模板.我首先注意到在更改VS并保存之后,浏览器会刷新但内容是重复的,三重的....等等.

我现在正在使用一个路由器出口区域进行一些基本的组件路由.我试图在html和路由器中使用routerlink并在代码中导航和导航,并获得相同的结果.在第一次导航时,将加载新内容,但不会清除原始内容.如果我再次点击导航按钮,它会正确重新加载.我还通过直接进入浏览器来测试路径,一切正常.由于我在开发模式下运行,不知道它是否与实时刷新有关,或者是否有.net模板实现了角度spa.

什么都不花哨,没有护卫或任何其他东西

喜欢在同一个项目中拥有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.一旦我把它拉出来,一切都按预期工作.