AngularJS中的refresher该如何使用?使用技巧|动态
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();表示数据加载完成,解散;
标签:
相关推荐:
最新新闻:
- 全球今头条!连连支付怎么样?连连靠谱吗?
- AngularJS中的refresher该如何使用?使用技巧|动态
- 环球观焦点:B站视频播放源地址获取及B站视频下载
- 复旦壁纸:手绘正校门1024、7681280
- 设计带构造函数的Dog类 对数据成员进行初始化
- 焦点报道:薛定谔的猫和EPR佯谬——量子力学史上的经典术语
- 最新:在百度里下载格式工厂——KuGo格式
- speedtest-cli|网速测试工具命令行方式
- 【数据更新】全国上网卡专属号段数据汇总
- 非定常约束:几何约束与完整约束的区别
- 图片文件合成器是什么?图片、文件合成器的原理与方法
- 微头条丨java timestamp 格式化_java日期处理(Timestamp)
- 【世界时快讯】《满江红》让杭州岳王庙成热门打卡地:秦桧像曾被砸烂9次
- 分享5个高质无损音乐网站 歌曲很丰富
- 【世界快播报】《如龙:维新!极》“复仇之刃”预告 全新截图欣赏
- 索尼承诺在PSVR2发行前“增加PS5主机供应”:全球要闻
- 郭明錤:可折叠iPad或明年问世,今年苹果可能不会发新品,出货至少下降10%
- 【环球速看料】《死亡空间:重制版》开发者讨论该系列未来发展
- 音游《最终幻想:节奏剧场》试玩版2月1日上线
- 财报预警!三大航空公司合计预亏超千亿,昔日养猪巨头亏损超百亿
- 热点在线丨《死亡空间》重制版不支持Steam deck
- 无人驾驶出租?旧金山表示先缓缓_世界新资讯
- NBC季度亏损10亿!好于华尔街预期
- 三星新款翻转笔记本曝光:高配13代i9-13900H
- 联想拯救者新品将用上超频内存 支持DDR5-6000_环球快看点
- Xbox金会员2月会免游戏公布 《为了吾王》等
- 全球观热点:青海春天药用资源科技股份有限公司 2022年度业绩预亏暨风险提示公告
- 兔年首个交易日,两大股东公告“抢筹”兴业银行
- 突发!伦敦街头惊现《战神》利维坦之斧:外观霸气 地面开裂
- 【世界热闻】曝百度将推人工智能聊天工具:类似ChatGPT
- 国产《时灵:星辰愚者》2月14日发售 登陆PS5/PC/NS
- 环球微动态丨腾讯游戏春节7天吸金破4.5亿:《王者荣耀》收入超3千万!
- 【环球速看料】PS5广告:奎爷利维坦巨斧现身英国伦敦
- 《流浪地球2》MOSS和末日铁拳是一个配音演员:给破球来个上勾拳!:世界快消息
- 摩根士丹利“大空头”警告:不要参与反弹行情,美股熊市还没结束
- 暴雪游戏国服“头七” 你找到合适的平替游戏了吗?
- 效仿印尼,全球第二大镍生产国菲律宾考虑对镍出口征税
- 消费者遭遇特步反向抹零 特步回应:系统设置四舍五入
- 超4000万!Capcom称当前财年销量有望是史上最高一年:全球即时看
- 最新:我爱我家2022年业绩预告:聚焦品质服务 推进精细运营
- 我家的春节泡汤了,因为家里有人没阳
- 《卧龙:苍天陨落》中有“黑暗熊猫”登场:不会伤人的可爱萌物-世界最新
- 快看点丨消费修复成色几何?
- 世界今日讯!以技术革新引领绿色制造 三菱电机助力碳中和愿景
- 可折叠iPad将于2024年发布,使用碳纤维铰链:环球快资讯
- 天天新资讯:买一个游戏花 6000 块,玩完发现太值了?
- 颜值绝了!荣耀Magic5 Lite渲染图曝光
- 前景悲观!德国四季末GDP同比初值 0.5%,环比下降0.2% 焦点快看
- 在罐头里跑酷几十小时后,我成为了首席大法师_环球热点
- “黑马”上位,这个西南省份终于等到了
- 【世界速看料】兔年首例券商高管变动,30年资深老将“告别”海通
- 性能炸裂!RTX 4090 Ti规格泄漏,总功率为600W,CUDA核心增加10%
- 值得期待!三星GALAXY S23系列消息汇总
- 天天讯息:外媒测试新版RTX 3060 Ti:性能提升小、功耗增加
- 《黑豹2》中文角色海报:2.7全员集结保护瓦坎达
- B站永久下架漫画《幽冥诡匠》 抄袭屡教不改|每日报道
- 科幻题材视觉小说《未来广播与人工鸽》中文版Steam页面上线 2月17日发售 环球微头条
- 王子文晒《三体》叶文洁剧照:麻花辫造型 楚楚动人
- 一起来看看娱乐作品中的欢笑面孔!你还记得哪些?
- 和宋慧乔闪离3年多!37岁宋仲基官宣再婚当爸-全球即时
- 【天天快播报】电影《流浪地球2》观影人次破5000万! 豆瓣8.2分
- R星入驻B站 《GTA Online》技场之战活动宣传片公开-全球实时
- 《满江红》7天营收7千万也带不动 光线传媒股价暴跌
- 当前资讯!优酷八年错过与失去
- 焦点要闻:5年连亏50亿,豆神教育难自救
- 要闻速递:小米开年首件关键大事公布:设立两个新专业委员会
- RTX 4090 Ti解锁满核心 跑出恐怖600W功耗
- 富士通推出689g笔记本 史上第一轻14寸-全球滚动
- 最完美iPhone曝光:想用上还得再等一年
- 宏碁将进军显卡市场:显卡外观曝光
- 网友热议《马里奥大电影》森喜刚配音:塞斯·罗根笑声太出戏 今日播报
- 雷军宣布小米开年第一件大事:新成立两个委员会 很关键-焦点快报
- 韩国暗黑奇幻版逃离塔科夫《Dark and Darker》2月6日进行试玩测试_全球播报
- 环球微头条丨《高达:进化》第三季更新详情 新机体新点数公开
- 最资讯丨架设“XX魔域”游戏私服牟利260余万元 4名嫌疑人被抓获
- 参演《流浪地球2》的电脑到底是什么来头|世界要闻
- 小米11、红米K40等25款神机在列!MIUI 14第二批升级计划公布_全球看热讯
- 15 万的特斯拉 Model Q 要来了,或 3 月 1 日亮相-世界独家
- HPE(Aruba)连续获Gartner企业级有线和无线局域网基础设施魔力象限领导者
- MIUI 14正式版第二批机型公布,小米11、K40、Note12都安排上了 世界时讯
- 01月30日12时海南琼中昨日疫情新增0例、累计报告阳性感染者确诊14例-环球今热点
- 南宁动物园猩猩扔水瓶砸伤游客 游客先有过激行为 每日视点
- 环球热议:苹果上架密码锁:适用于Mac Studio 售价548元
- 世界快播:《星空之海》昼夜系统演示片段 官方希望玩家添加愿望单
- 鹰角网络因健康权纠纷被起诉 2月17日二次开庭-全球新消息