Angular2等待$http响应
Angular2中的$http服务已经被弃用，取而代之的是HttpClient模块。HttpClient模块是Angular中用于发送HTTP请求和处理响应的标准方式。它提供了强大的功能，如请求拦截器、响应拦截器、类型检查等。
在Angular中，发送HTTP请求并等待响应可以通过以下步骤完成：
- 导入HttpClient模块：import { HttpClient } from '@angular/common/http';
- 在组件的构造函数中注入HttpClient：constructor(private http: HttpClient) { }
- 使用HttpClient发送HTTP请求：this.http.get(url).subscribe( (response) => { // 处理响应数据 }, (error) => { // 处理错误 } );
- 在订阅的回调函数中处理响应数据或错误。可以使用RxJS操作符对响应数据进行转换、过滤等操作。
Angular中的HttpClient模块提供了多种HTTP方法，如GET、POST、PUT、DELETE等，可以根据具体需求选择合适的方法。
关于Angular中的HttpClient模块的更多信息，可以参考腾讯云的产品介绍链接：Angular HttpClient。
需要注意的是，以上答案中没有提及具体的云计算品牌商，如腾讯云、阿里云等，因为题目要求不涉及这些品牌商的信息。
相关·内容
4回答
域名在阿里云备案成功，服务器是用腾讯云的，为什么说域名没有备案成功，跟阿里云联系后，阿里云让找腾讯？
ICP备案、SSL 证书、http、https
你好，我们的域名用阿里云备案成功了。但是部署了ssl证书之后，https://www.yc-one.cn/ http://www.yc-one.cn/ http这个地址却无法访问，并且说没有备案。我们联系了阿里云，他门说是腾讯云拦截的，他们没有问题，请问这是什么问题
浏览 1331提问于2021-08-26
2回答
Angular2和Angular8观测值的差异
angular、observable、angular8
我为我正在开发的一个应用程序在Angular2中创建了一些与可观察功能相关的函数。但从那以后我就没用过角。因此，为了在Angular8中发挥作用，我必须相应地修改与可观察性相关的工作函数，而我无法消除一些错误消息。
来自服务器的API从数据库返回一个对象数组：
router.get('/getEntries, (req, res, next) => {
db.get().collection('data').find().toArray((err, data) => { res.json(data); });
});
问题可能在entry.servic
浏览 5提问于2019-11-07得票数 2
2回答
启动头一次并发送每个HTTP请求
c#、angular、asp.net-web-api
我正在使用一个服务来获取HTML中的用户it，它工作得很好。这里使用Angular服务获取用户详细信息，并用于后端ASP.NET Web Api。到目前为止，这是我迄今为止所做的：
Web C#
[Route("api/values/GetUserInfo")]
[Authorize]
[HttpGet]
public List<User> GetUserInfo(string type)
{
List<User> lst = null;
if (type!= null)
{
lst = GetUserInfo().Wh
浏览 7提问于2019-12-02得票数 0
回答已采纳
3回答
Angular 6/7 -获取服务中的整个http响应状态
angular、angular-httpclient
我在Angular 7中有以下服务： import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { BehaviorSubject } from 'rxjs';
@Injectable()
export class UserService {
private currentUs
浏览 42提问于2019-05-21得票数 1
4回答
Angular不是通过RESTful接口从Spring获取的
java、angular、spring、typescript、api
当我尝试从Angular到RESTful调用Spring时遇到了一些问题。下面是我在Angular中的typescript类：
import { Injectable } from "@angular/core";
import { CATEGORIES } from "./mock-category";
import { Observable, of } from "rxjs";
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Ca
浏览 0提问于2019-06-12得票数 0
1回答
HttpResponse在angular2中的位置及使用方法
angular、angular-http
类(在@angular/common/http)中是@angular/http(which类Response的替代)。查看文档并不能很好地了解如何和在何处使用它！此外，我试图替换我以前的角码，但是由于这个类是泛型的，所以它需要一个类型，例如HttpResponse<T>。给出它的类型会产生错误，如下所示：
Property 'json' does not exist on type 'HttpResponse<any>'
有人能帮我知道如何使用HttpResponse类吗？
更新
这是我的代码片段，函数'get'，我做的：
浏览 4提问于2017-11-21得票数 6
2回答
钥匙斗篷-角拦截器不发送授权头
angular、oauth-2.0、single-sign-on、keycloak-angular
我正试图在我的角度应用中整合钥匙斗篷-角度。身份验证流运行良好，但是当我向django api发出请求时，我得到了403。HTTP_AUTHORIZATION头丢失了，我不明白为什么。当我在我的http服务中硬编码一个头时，它就起作用了。
这是图书馆：
这是我的keycloak配置
// utility/app.init.ts
import { KeycloakService } from 'keycloak-angular';
export function initializeKeycloak(keycloak: KeycloakService): () =>
浏览 6提问于2022-03-13得票数 1
回答已采纳
2回答
Nativescript本地主机http调用在iOS上失败
angular、nativescript
我正在使用windows上的Nativescript伙伴云构建来在iOS上测试我的应用程序--我还连接了我的iPhone。
根据的帖子，我将我的http请求发送到本地主机，但是它们总是失败，因为这个错误。
的Http失败响应:0未知错误
错误:无法连接到服务器。
这是我实施奖励服务的情况。
import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { Observable, of } from '
浏览 1提问于2019-05-15得票数 1
回答已采纳
5回答
Angular 5不包含http请求的报头
angular、http、header
我正在尝试非常简单的angular 5 http 'GET‘请求。当我检查chrome开发者工具时，我看不到http头文件。
import { HttpClient, HttpHeaders } from '@angular/common/http';
// ...
const headers = new HttpHeaders(
{
'Authorization': 'Basic ' + btoa(user.username + ':' + user.password)
浏览 0提问于2018-07-02得票数 0
2回答
拦截器不拦截，尽管只有一个HttpClientModule
angular、typescript、angular-httpclient-interceptors
我在Angular中有应用程序，并且我只有一个HttpClientModule，但是当我在构造函数中提供HttpClient时，如下所示：
export class UserService {
constructor(private http: HttpClient /** <---- this one is ok, and requests are intercepted */) {
const i='i';
}
但在另一个模块中，我也有类似的构造函数
export class TableComponent implements OnInit {
..
浏览 2提问于2020-02-26得票数 2
5回答
在角6中显示旋转器直到API响应
angular、angular6
我对角形6很陌生，以前也没有任何角度版本的经验&使用角锥6创建我的网站，在这个版本中，我必须显示旋转器，直到API响应被搁置，我正在使用httpclient的角6调用API。我想为每个API请求显示spinner。我搜索了一下，但是没有找到我的question.Below是我的组件和服务文件的答案。
/* data.services.ts */
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectab
浏览 1提问于2018-09-16得票数 10
回答已采纳
2回答
弹簧截止器的实时使用是什么？
java、spring、spring-mvc、interceptor
我正在研究Spring拦截器，我知道它作为一个前端控制器工作，它可以为一些请求和一些响应提供服务，并且在执行流程中，请求在调用控制器之前先发送到Interceptor。
但是我想知道更多关于它的情况，比如，它的实时场景或用法。例如，我们可以将它用于会话管理，但我想知道更多。
浏览 1提问于2019-08-08得票数 1
回答已采纳
1回答
如何在浏览器控制台展示从服务器获取的值？
html、typescript、angular5、angular-httpclient
我尝试使用angular中的httpclient get方法从服务器检索值。但是我在控制台和网页上都看不到。我该怎么做？
Typescript文件：
export class CountryComponent implements OnInit {
constructor(private http:HttpClient) { }
country:Observable<Country[]>;
ngOnInit() {
this.country=this.http.get<Country[]>(path+"/getAllCountries
浏览 1提问于2019-04-08得票数 0
3回答
如何获得角4中的HttpClient状态码
angular
我遇到了获取HTTP状态代码的问题，在HTTP中，我可以很容易地使用response.status，获得响应代码，但是当我使用HttpClient模块时，我无法获得response.status，它显示出找不到状态。
因此，如何使用response.status中的HttpClient模块获得Angular 4&5。请帮帮忙。
餐厅供应：-
@Injectable()
export class RestProvider {
private apiUrl = 'https://restcountries.eu/rest/v2/al';
constructor(
浏览 0提问于2018-06-19得票数 10
1回答
角7.1.3 : post不使用授权标记
angular、angular7
我是新的角，我使用角7.1.3，我成功地登录到我的Laravel5.7护照API系统通过角HTTP，并获得访问令牌，并存储在cookie中。
现在，我只想使用访问令牌获取数据，但无法获得数据--它会产生302重定向错误：
我为auth.service.ts编写的代码是：
import { Injectable } from '@angular/core';
import {HttpClient, HttpHeaders} from "@angular/common/http";
import { GlobalvarsService } from "./g
浏览 1提问于2019-01-08得票数 1
回答已采纳
2回答
带有基本auth的HTTP请求返回401 -在角4上发出标头
angular、api、http、http-headers
这是一篇经过编辑的文章。我正在尝试这个来自API的简单http请求(比如用户和pass)和一个params对象(绑定到一个表单)；我已经阅读了文档，检查了几个帖子，但是似乎没有什么工作；我总是得到401作为响应.
有人能帮我吗？(我是新来的)
这就是我得到的：
import { Component, OnInit } from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {Http, Headers} from '@angular/http';
浏览 3提问于2017-10-27得票数 0
回答已采纳
2回答
更改角度HTTP响应类型
angular、ionic-framework、angular-httpclient
我正在使用ionic Framework3.9和angular 5。当我向我的后端发送请求时，它返回了json，Angular返回了一个ArrayBuffer。
代码如下：
this.http.get(this.url, {responseType: 'json'}).subscribe(data => console.log(data);
如果我改变了
this.http.get
通过
this.http.get<T>
或者其他任何东西，angular给了我HttpEvent<T>。
因此，来自后端的响应是JSON对象数组。如何更改httpcli
浏览 8提问于2018-02-04得票数 0
3回答
为什么要在HttpClientModule中导入{ app.module.ts }
javascript、angular、angular6
我一直致力于创建一个服务来发出http请求，因此我使用了HttpClientModule。我有声明服务的data.serivce.ts文件，我正在导入HttpClient，如下所示。
import { Injectable } from '@angular/core';
import { HttpClient} from '@angular/common/http'
@Injectable()
export class DataService {
constructor(private http:HttpClient) {
}
valida
浏览 1提问于2018-12-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
