ionic4——请求数据

最新推荐文章于 2021-08-05 23:23:19 发布

原创

最新推荐文章于 2021-08-05 23:23:19 发布 · 1.2k 阅读

5 ·

CC 4.0 BY-SA版权

本文详细介绍了在Ionic4中如何进行数据请求，包括在终端操作、app.module.ts配置、创建httpservice服务、页面.ts逻辑处理及页面.html显示。此外，还讲解了实现上拉加载功能的方法，包括在页面.html的布局调整和页面.ts的相关代码实现。

【一】请求数据

1、在终端

ionic g service services/httpservice

2、app.module.ts

3、httpservice.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
	providedIn: 'root'
})
export class HttpserviceService {
	constructor(public http: HttpClient) { }
	get(api) {
		return new Promise((resolve, reject) => {
			this.http.get(api).subscribe((response) => {
				resolve(response);
			}, (err) => {
				reject(err);
			});
		});
	}
}

4、页面.ts

import { Component, OnInit } from '@angular/core';
import { HttpserviceService} from '../services/httpservice.service';

@Component({
selector: 'app-tab4',
templateUrl: './tab4.pa