如何添加第三方路由进度条？

#应用场景：如何添加一个路由的进度条？
#实现思路：查找 Angular （node.js)的官方组件，npmjs.com，详情参照官网组件库提供操作  
#实现方法 1. 安装module >npm install ng2-slim-loading-bar --save
2. 搭桥指令，目的：让Angular 6 与第三方模块对接 >npm i rxjs-compat --save
3. 在app.module.ts中， 导入 module（ng2-slim-loading-bar）

 

4. 导入它的 css // style.css

 

5. 添加路由 在app.component.html 中添加，加在首行的位置 把ng2-slim-loading-bar当做一条指令（directive）来使用

 

6. 加入路由事件 到 app.component.ts中

 

 

转载于:https://www.cnblogs.com/aiyamoer/p/11015436.html