全球熱推薦：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();表示數據加載完成，解散；