如何添加第三方路由進度條？

#應用場景：如何添加一個路由的進度條？

#實現思路：查找 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中