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。一旦我把它拉出来，一切都按预期工作。

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

1 个答案: