Javascript 如何在角度2中加载路线时显示运行进度条?

Javascript 如何在角度2中加载路线时显示运行进度条?,javascript,angular,Javascript,Angular,在我的angular2应用程序中,当我的页面加载时,是否有任何方法显示正在运行的进度条? 代码如下。它显示了我需要在其中使用加载条的特定组件 这是component.ts和service.ts 组件技术 新闻:AllSpecialNews[]=[]; 恩戈尼尼特:空虚{ 此文件为.getServerData1; } getServerDataevent{ 这是.\u newsServicse.getPageDataSpcialevent.subscribe 响应=>{ this.news=res

在我的angular2应用程序中,当我的页面加载时,是否有任何方法显示正在运行的进度条? 代码如下。它显示了我需要在其中使用加载条的特定组件

这是component.ts和service.ts 组件技术 新闻:AllSpecialNews[]=[]; 恩戈尼尼特:空虚{ 此文件为.getServerData1; } getServerDataevent{ 这是.\u newsServicse.getPageDataSpcialevent.subscribe 响应=>{ this.news=response.data; this.totalItems=response.total; }, 错误=>{ 警觉"(警觉)(警觉)(警觉)(警觉)(警觉)(警觉)(警觉)(警觉); } ; 返回事件; } 服务台 getPageDataSpcialid:编号{ 返回此。\u http.get`${this.pageSpical}${id}` .mapres:Response=>res.json; } 这是html页面 أخبار مميزة

{{news[0]?.date\u to\u publish}

{{item?.category} {{item?.type}:{{item?.title} {{item?.date_to_publish}


如果你看到基本的例子

让我们考虑根组件APP ROOT

在index.html中有如下内容

现在,在它之间写入的任何内容都将充当加载程序。 所以

这是装货

然后,正在加载的文本将充当加载器


您可以在那里编写任何代码,以满足您的加载体验。

有没有办法……简短回答:有!绝对地长回答:需要代码来给你一些建议。当我的页面加载时,你指的是什么?如果你的意思是当应用程序代码被交付和编译时,那么就不是了,因为在这之前Angular不能做任何事情。@jornsharpe我的意思是当从一条路线移动到另一条路线时。那么是的,但代码编写服务也不是这样。有几个现有的进度条实现;试着实际使用一个,或者从他们那里得到灵感来写你自己的。这个方法检测加载过程吗?我的意思是我可以用它来制作加载条吗?我可以在路由器插座上使用它吗?