如何使用ASP.NET Core Angular SPA模板实现对内容更改的加载微调器？

Question

我刚刚建立，以创建用于测试目的的SPA基于对ASP.NET 2.0核心的角模板玩具项目：

• https://github.com/aspnet/JavaScriptServices/tree/dev/templates/AngularSpa
• https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javascriptservices/

我知道，服务器预渲染过程对于SPA来说已经让事情变得更快，但只是在延迟的情况下。

但仍然如何实现这一目标？它可以实际上完全自动化（如适用于在客户端编码的所有视图（！*。cshtml））吗？

感谢

Answer 1

如果你想在路线变化的微调，你可以设置一个标志作为路由器事件的一部分：

checkRouterEvent(routerEvent: Event): void { 
    if (routerEvent instanceof NavigationStart) { 
     this.loading = true; 
    } 

    if (routerEvent instanceof NavigationEnd || 
     routerEvent instanceof NavigationCancel || 
     routerEvent instanceof NavigationError) { 
     this.loading = false; 
    } 
} 

然后打开/关闭根据该标志的好手。

在HTML：

<span class="glyphicon glyphicon-refresh glyphicon-spin spinner" *ngIf="loading"></span> 

我已经工作的例子在这里设置：https://github.com/DeborahK/Angular-Routing（在APM-最终文件夹）。