您的位置:首页 > 数据 >
AngularJS中的refresher该如何使用?使用技巧-天天速递
来源:CSDN 2023-02-01 15:09:35

1.问题:


(资料图)

AngularJS中的refresh好refresher该如何使用?

2.源代码:

前台代码:

2.1是固定格式,自己可以去官网看看介绍:\[\]

后台代码:

refresh(refresher) {        this.pageIndex = 1;//定义初始页面        /*加载数据*/        let loading = this.loadingCtrl.create({            content: "刷新中...",            showBackdrop: false        });        loading.present();        this.userService.getUsers(this.pageIndex,this.id)            .subscribe(result => {                    this.emails= result;                    this.toastCtrl.create({                        message: "数据刷新成功",                        duration: 1000                    }).present();                    refresher.complete();                    loading.dismiss();                },                (e) => {                    console.log(e, "初始化错误 error");                    refresher.complete();                    loading.dismiss();                });    }

3.截图:

4.总结:

refresh(refresher) { }表示刷新方法,小括号内传入参数为一个刷新器;大括号内为具体的刷新方法.

loading由loadingCtrl控制器来创建(create)({ }) let loading = this.loadingCtrl.create({ content: "数据刷新中...", showBackdrop: false// });content:是刷新时候的内容; showBackdrop:是否加载背景;类似于background;

3.present用于呈现效果;

loading.present();

4.subscribe:订阅,订购的意思。表示,我前面写了方法,后面要跟踪查看效果。就像你订了一份报纸(loading动作),报社每天就要给你发报纸,给你看效果(subscribe);

subscribe(result => {                    this.emails= result;                    this.toastCtrl.create({                        message: "数据刷新成功",                        duration: 1000                    }).present();                    refresher.complete();                    loading.dismiss();                }

这里,subscribe(result=>{ })小括号里面是用上面的结果(result)来执行方法,方法在大括号内{ }。 这里的‘=>’就可以理解为一种function动作;只不过,传入值在‘=>’前面,方法在{ }里面;

5.toastCtrl是吐司控制器; toast是一种类似于alert的效果,用来作提示信息,但是过一定时间就会消失,不会像alert的弹出框,你必须手动点击取消之类的按钮才能取消掉;这个是一个减退的效果,你不操作,它自己等会会消失掉;toast必须要toastCtrl控制;duration是存在时间,1000毫秒,即1秒;create(),产生;present()展示;

6.refresher.complete()表示刷新器完成;

7.loading.dismiss();表示数据加载完成,解散;

关键词:
相关文章
山西开年“数说”能源:煤炭增产保供兼顾“双碳”目标

山西开年“数说”能源:煤炭增产保供兼顾“双碳”

  今年煤炭增产不低于5%、将达1365亿吨,同时还要兼顾双碳。1月31日,能源大省山西开年即聚焦能源增产保供。  在2023年山西能源工作会上,更多

2023-02-01 10:54:02
2022年全国煤炭采选业营业收入突破4万亿元

2022年全国煤炭采选业营业收入突破4万亿元

  国家统计局31日发布消息,2022年,规模以上工业企业实现营业收入13791万亿元,比上年增长59%;发生营业成本11684万亿元,增长71%;营业收更多

2023-02-01 10:09:55
2022年中国神华净利同比预增36.6-40.6%_全球微头条

2022年中国神华净利同比预增36.6-40.6%_全球微头条

  中国神华1月30日晚间发布业绩预告,公司预计2022年度实现归属于本公司股东的净利润为687亿元至707亿元,同比增长366%至406%。  预计2022更多

2023-02-01 09:56:57
2022年冀中能源净利预增54.05-80.70% 天天资讯

2022年冀中能源净利预增54.05-80.70% 天天资讯

  冀中能源1月31日发布业绩预告,公司预计2022年实现归属于上市公司股东的净利润422亿至495亿元,同比增长5405%-8070%。扣非后净利润比上年更多

2023-02-01 10:03:54
天天热门:加强能源保障,让群众暖身也暖心

天天热门:加强能源保障,让群众暖身也暖心

  今年春节,冷空气强势来袭。大年初一早晨,漠河阿木尔镇劲涛气象站监测到零下53摄氏度的气温,低于1969年2月13日漠河气象站的监测数据,打更多

2023-02-01 10:10:04
2022年全国能源保供能力稳步提升

2022年全国能源保供能力稳步提升

  国家统计局近日发布的数据显示,2022年,全国规模以上工业发电量84万亿千瓦时,比上年增长22%。其中,火电增长09%;水电、核电、风电和太更多

2023-02-01 09:53:56
贵州:加强中长期合同履约监管 电煤供应量8000万吨以上

贵州:加强中长期合同履约监管 电煤供应量8000万

  近日,贵州省人民政府办公厅印发2023年《政府工作报告》重点工作责任分工方案,并提出把发展工业作为首要任务,加快建设现代化产业体系。更多

2023-01-31 10:09:30
山西省进一步加强复采矿井安全生产工作 世界短讯

山西省进一步加强复采矿井安全生产工作 世界短讯

  日前,山西省应急管理厅、国家矿山安全监察局山西局联合下发《关于进一步加强复采矿井安全生产工作的通知》,要求各级各部门紧盯春节复产更多

2023-01-31 09:59:43
快看点丨1月第三周天津市煤炭价格环比持平

快看点丨1月第三周天津市煤炭价格环比持平

  据天津市市场运行监测数据显示,1月份第三周(1月16日-1月22日),天津市煤炭均价为734元吨,环比持平。上周出现了旺季煤价的逆季节下跌,更多

2023-01-31 10:12:36
1月第三周山西省煤炭价格微幅上涨

1月第三周山西省煤炭价格微幅上涨

  据山西省商务厅生产资料市场监测数据显示,1月第三周(1月16日-22日),山西省煤炭均价131652元吨,环比上涨04%。其中,动力煤发热量5000-更多

2023-01-31 10:02:30