需求 移动端使用angular实现上拉加载更多的条目,这个需求比较常见,网上的插件改动起来比较麻烦,不如自己写一个最适合,以前有同事写了一个,奈何bug太多,后来改分页了,我们产品说什么都让做,没办法,只能自己动手写一下,需要自定义指令,我的思路就是当页面第一次加载的时候我们先固定请求一部分数据进行显示,之后使用js探测垂直滚动条的滚动距离,当页面即将触底的时候发送第n+1请求,为防止在请求过程中重复请求加入了截流判断,其次在请求过程中页面最底部出现加载等待动画.如图所示 指令实现 // i
1. 创建App ng new lazySample --routing 在app组件中的定义路由 2. 创建“Lazy” Module ng g module lazy --flat ng g component lazy-parent --module lazy ng g component lazy-child --module lazy 创建组件lazy-parent和lazy-child Lazy 模块的定义 lazy-parent组件定义 3. 将App路由指向Lazy模块 使用lo
①通过ng new angular-module创建一个全新的angular应用,默认不选路由 ②通过一下命令分别创建2个模块和1个组件 ng g m hx1 ng g c hx1 ng g m hx2 ng g c hx2 ng g c hx3 创建完成目录如下 ③将app.module和app.component改造 app.module如下: import { BrowserModule } from '@angular/platform-browser'; import { NgModu