Angular异步请求返回空值。
创始人
2024-10-30 12:00:29
0

通常情况下,这是由于异步请求未正确返回数据所引起的。以下是解决方法的示例代码:

在service.ts 文件中:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

@Injectable()

export class DataService {

constructor(private http: HttpClient) { }

getData(): Observable {
    return this.http.get('https://myapi.com/data')
                    .map(response => response.json());
}

}

在component.ts 文件中:

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

data: any;

constructor(private dataService: DataService) { }

ngOnInit() {
  this.getData();
}

getData() {
  this.dataService.getData().subscribe(data => {
    this.data = data;
    console.log(this.data);
  });
}

}

代码中,我们使用了 Angular 提供的 HttpClient 客户端来发送异步请求,getData() 方法会返回一个 Observable 对象。在 component.ts 文件中,我们订阅了这个 Observable 对象,并将返回的值存储在 data 变量中。

如果有错误,代码会显示在控制台中。如果没有错误,并且数据可用,则应该打印出请求到的数据。

相关内容

热门资讯

透视脚本!德普之星怎么开辅助(... 透视脚本!德普之星怎么开辅助(透视)私人局透视(真是是真的有挂)该软件可以轻松地帮助玩家将德普之星怎...
透视最新!aapoker破解侠... 透视最新!aapoker破解侠是真的吗(透视)发牌逻辑(真是有挂)aapoker破解侠是真的吗辅助器...
透视安卓版!德普之星有辅助软件... 透视安卓版!德普之星有辅助软件吗(透视)私人局辅助免费(其实是有挂);1、起透看视 德普之星有辅助软...
透视规律!aapoker脚本(... 透视规律!aapoker脚本(透视)透视脚本下载(一贯真的有挂);1、让任何用户在无需aapoker...
透视数据!德普之星app安卓版... 透视数据!德普之星app安卓版破解版(透视)透视软件免费入口官网(一直是有挂);1、打开软件启动之后...
透视数据!aapoker辅助工... 透视数据!aapoker辅助工具安全吗(透视)插件(好像是真的有挂)该软件可以轻松地帮助玩家将aap...
透视安装!如何下载德普之星辅助... 透视安装!如何下载德普之星辅助软件(透视)透视辅助插件(真是真的有挂)运如何下载德普之星辅助软件辅助...
透视安装!aapoker插件(... 透视安装!aapoker插件(透视)插件下载(总是真的有挂);1、许多玩家不知道aapoker插件辅...
透视科技!德普之星透视辅助插件... 透视科技!德普之星透视辅助插件(透视)辅助器(好像是有挂);小薇(透视辅助)致您一封信;亲爱德普之星...
透视存在!aapoker怎么选... 透视存在!aapoker怎么选牌(透视)插件下载(都是是有挂);aapoker怎么选牌软件透明挂微扑...