angular6的等待提示框
安装ngx-loading插件:
npm install --save ngx-loading
在应用程序的主module中导入ngx-loading模块
import {NgxLoadingModule} from 'ngx-loading';
...
imports:[
...
NgxLoadingModule
...
]
使用
在子页面html模板中加入:
<ngx-loading [show]="loading" [config]="{ backdropBorderRadius: '14px' }"></ngx-loading>
在ts代码中设置loading成员控制等待框是否显示
loadData(pageIndex: number, pageSize: number) {
this.loading = true;
this.dataService.httpGet(url地址).map(res => res.text()).subscribe(
res => {
//从服务端获取数据成功,处理数据
}
this.refreshStatus();
this.loading = false;
}
, error => {
this.error = error;
this.loading = false;
});
}