一区二区三区电影_国产伦精品一区二区三区视频免费_亚洲欧美国产精品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 主站蜘蛛池模板: 福建省| 厦门市| 孙吴县| 平利县| 岑巩县| 广东省| 武强县| 合江县| 泰顺县| 内乡县| 贺州市| 崇阳县| 门头沟区| 夏河县| 安福县| 中山市| 张家口市| 武邑县| 观塘区| 华池县| 平乡县| 扶沟县| 邯郸市| 浦东新区| 钟祥市| 兰考县| 牡丹江市| 凤阳县| 犍为县| 陆川县| 沈阳市| 环江| 个旧市| 龙江县| 吉木萨尔县| 泰州市| 隆德县| 耿马| 永寿县| 台东市| 博湖县|