Angular 网络请求中subscribe如何正确接收值

最新推荐文章于 2025-04-08 11:59:54 发布

原创最新推荐文章于 2025-04-08 11:59:54 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#angular

angular 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在Angular中进行网络请求时，如何通过subscribe正确地接收并处理返回值。由于TypeScript对类型的要求，需要明确声明响应（res）的类型以避免编译错误。解决方法是在subscribe中指定res的类型，例如`res: any`，确保在代码作用域内能够正确使用接收到的数据。

标题Angular 网络请求中subscribe如何正确接收值

常规请求中都是利用一个回调函数返回接收到的值，如

(res)=>{
//打印接收到的结果
	console.log(res)
}

这样接收没错，思路也是没有问题的但是在Angular 的typeScriprt中对变量的类型要求很严格，所以要声明res 的类型否则在自己的作用域中也会报错的。

所以要变量声明类型才能使用
解决办法

ngOnInit(): void {
    //加载调用
    // this.getimage();
	//对象里面属性方法之间的访问是用this
    this.getNews();
  }
  demo = [];
  getNews() {
    let url = `https://api.apiopen.top/getWangYiNews?page=1`;
    //any 任意类型
    this.http.get(url).subscribe((res: any) => {
      console.log(res);
      			//这个时候这个 res 就不会报错
      this.demo = res.result;
    });
  }