码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-13 12:01:41      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:size   bsp   官方   angular   技术   info   img   路由事件   导入   

#应用场景:如何添加一个路由的进度条?

#实现思路:查找 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中
技术图片

 

 
 

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

标签:size   bsp   官方   angular   技术   info   img   路由事件   导入   

原文地址:https://www.cnblogs.com/aiyamoer/p/11015436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!