一区二区三区电影_国产伦精品一区二区三区视频免费_亚洲欧美国产精品va在线观看_国产精品一二三四

聯(lián)系我們 - 廣告服務(wù) - 聯(lián)系電話(huà):
您的當(dāng)前位置: > 關(guān)注 > > 正文

全球熱推薦:AngularJS中的refresher該如何使用?使用技巧

來(lái)源:CSDN 時(shí)間:2023-02-02 09:55:36

1.問(wèn)題:

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


(資料圖片)

2.源代碼:

前臺(tái)代碼:

2.1是固定格式,自己可以去官網(wǎng)看看介紹:\[\]

后臺(tái)代碼:

refresh(refresher) {        this.pageIndex = 1;//定義初始頁(yè)面        /*加載數(shù)據(jù)*/        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: "數(shù)據(jù)刷新成功",                        duration: 1000                    }).present();                    refresher.complete();                    loading.dismiss();                },                (e) => {                    console.log(e, "初始化錯(cuò)誤 error");                    refresher.complete();                    loading.dismiss();                });    }

3.截圖:

無(wú)

4.總結(jié):

refresh(refresher) { }表示刷新方法,小括號(hào)內(nèi)傳入?yún)?shù)為一個(gè)刷新器;大括號(hào)內(nèi)為具體的刷新方法.

loading由loadingCtrl控制器來(lái)創(chuàng)建(create)({ }) let loading = this.loadingCtrl.create({ content: "數(shù)據(jù)刷新中...", showBackdrop: false// });content:是刷新時(shí)候的內(nèi)容; showBackdrop:是否加載背景;類(lèi)似于background;

3.present用于呈現(xiàn)效果;

loading.present();

4.subscribe:訂閱,訂購(gòu)的意思。表示,我前面寫(xiě)了方法,后面要跟蹤查看效果。就像你訂了一份報(bào)紙(loading動(dòng)作),報(bào)社每天就要給你發(fā)報(bào)紙,給你看效果(subscribe);

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

這里,subscribe(result=>{ })小括號(hào)里面是用上面的結(jié)果(result)來(lái)執(zhí)行方法,方法在大括號(hào)內(nèi){ }。 這里的‘=>’就可以理解為一種function動(dòng)作;只不過(guò),傳入值在‘=>’前面,方法在{ }里面;

5.toastCtrl是吐司控制器; toast是一種類(lèi)似于alert的效果,用來(lái)作提示信息,但是過(guò)一定時(shí)間就會(huì)消失,不會(huì)像alert的彈出框,你必須手動(dòng)點(diǎn)擊取消之類(lèi)的按鈕才能取消掉;這個(gè)是一個(gè)減退的效果,你不操作,它自己等會(huì)會(huì)消失掉;toast必須要toastCtrl控制;duration是存在時(shí)間,1000毫秒,即1秒;create(),產(chǎn)生;present()展示;

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

7.loading.dismiss();表示數(shù)據(jù)加載完成,解散;

責(zé)任編輯:

標(biāo)簽:

相關(guān)推薦:

精彩放送:

新聞聚焦
Top 主站蜘蛛池模板: 武川县| 神池县| 施秉县| 洛浦县| 木兰县| 镇江市| 清河县| 霍林郭勒市| 沙田区| 斗六市| 蓝田县| 施甸县| 博爱县| 澜沧| 手游| 遂溪县| 泊头市| 万宁市| 饶阳县| 色达县| 曲阜市| 凤山市| 新郑市| 内乡县| 万山特区| 营口市| 钦州市| 康乐县| 庆阳市| 沙田区| 锡林浩特市| 蕲春县| 池州市| 安溪县| 军事| 株洲县| 阿图什市| 蓬溪县| 泰兴市| 南城县| 临湘市|