Angular 2 HttpClient删除集合
Angular 2是一种流行的前端开发框架，它提供了一套强大的工具和功能，用于构建现代化的Web应用程序。Angular 2中的HttpClient是一个用于发送HTTP请求和处理响应的模块。
在Angular 2中，使用HttpClient删除集合可以通过以下步骤完成：
- 导入HttpClient模块： 在你的组件文件中，首先需要导入HttpClient模块。可以通过以下代码实现：
- 导入HttpClient模块： 在你的组件文件中，首先需要导入HttpClient模块。可以通过以下代码实现：
- 注入HttpClient： 在组件的构造函数中，注入HttpClient。可以通过以下代码实现：
- 注入HttpClient： 在组件的构造函数中，注入HttpClient。可以通过以下代码实现：
- 发送删除请求： 使用HttpClient的delete方法发送删除请求。可以通过以下代码实现：
- 发送删除请求： 使用HttpClient的delete方法发送删除请求。可以通过以下代码实现：
- 上述代码中，我们首先构建了要删除的集合的URL，然后使用HttpClient的delete方法发送HTTP DELETE请求。
- 处理响应： 在组件中，可以订阅delete方法返回的Observable对象，以处理删除请求的响应。可以通过以下代码实现：
- 处理响应： 在组件中，可以订阅delete方法返回的Observable对象，以处理删除请求的响应。可以通过以下代码实现：
- 上述代码中，我们使用subscribe方法订阅delete方法返回的Observable对象。在成功的回调函数中，我们可以执行其他操作，例如更新UI或执行其他逻辑。在错误的回调函数中，我们可以处理删除请求失败的情况。
这是一个简单的示例，演示了如何在Angular 2中使用HttpClient删除集合。根据具体的应用场景和需求，可能需要进一步处理错误、添加身份验证等。腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云产品的信息。
相关·内容
2回答
Angular4: HttpClient删除请求的主体
angular、angular4-httpclient
我正在将现有的Angular2应用程序升级到Angular4。我有一个删除请求，它将正文作为请求的一部分发送，如下
this.http.delete('/api/deleteAddress', new RequestOptions({
headers: headers,
withCredentials: true,
body: address
}));
新的delete函数在HttpClient中没有RequestOptions。参见函数声明
问题是如何使它与新的HttpClient一起工作？我应该用HttpParams设置它吗？
浏览 6提问于2017-10-04得票数 2
回答已采纳
4回答
角- res.json()不是函数
angular
我的API服务有问题。此服务连接到我的nodejs后端api。
错误说
ERROR TypeError: res.json is not a function
在最近更新此服务以使用HTTPClient而不是Http之后，我收到了这个错误。我得到这样的回报是因为我错过了旧的http和新的？如果是这样，是否有一个新的反应，我如何使用它？
import { Injectable } from '@angular/core';
import { environment } from '../../environments/environment';
import {
浏览 7提问于2017-10-08得票数 48
回答已采纳
1回答
类型'null‘的参数不能分配给角11上的'HttpClient’型参数
javascript、angular、typescript
我只是学习成为开发人员，在传递参数null时遇到了问题，如下所示：
todos.component.spec.ts
import { TodosComponent } from './todos.component';
import { TodoService } from './todo.service';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/from';
describe('Todo
浏览 5提问于2021-04-04得票数 0
1回答
在角6中缺少请求选项。
upgrade、angular6
我已将角4升级为6，并使用RequestOptions发送数据，使用http删除请求，如下所示
return this.http.delete(Config.apiUrl, new RequestOptions({
headers: this.heders,
body: data
})).map(res=>res.json());
现在升级后我找不到RequestOptions
角4进口工艺
import { Http, Headers, RequestOptions } from '@angular/http';
角6进口工艺
import { HttpClie
浏览 1提问于2018-09-10得票数 1
回答已采纳
1回答
Http.Delete不工作
angular
Http.Delete不能在angular 5.2.0上运行
该守则是：
let headers = new HttpHeaders({ 'Content-Type': 'application/json' });
this.http.delete(this.url + encodeURIComponent(key.id), {headers : headers})
.toPromise();
错误消息是:无法加载：印前检查的响应具有无效的HTTP状态代码403
编辑:正在使用fiddler com
浏览 7提问于2018-01-29得票数 0
回答已采纳
1回答
如何从Angular中的Nodejs服务器的HTTP响应中获取数据类型
node.js、angular
我正在创建一个连接到Nodejs后端服务器的Angular应用程序。Nodejs服务器响应可以是数组或Json对象。我必须根据服务器响应捕获正确的数据类型。 这是我的Angular服务代码。注意，我的HttpClient函数返回Json对象。有没有函数可以返回任何类型的数据？ import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators'
imp
浏览 19提问于2021-05-04得票数 0
回答已采纳
2回答
如何解决java vert.x中的CORS问题
rest、cors、angular5、vert.x
我在本地主机上有一个vertx后端服务器:8080响应REST请求。
发送GET请求时，一切正常。
但在使用params的删除请求中，我会得到CORS错误.
我的后端服务器如下所示：
@Override
public void start(Future<Void> fut) {
Router router = Router.router(vertx);
router.route("/").handler(routingContext -> {
HttpServerResponse response = routingContex
浏览 3提问于2018-09-19得票数 0
回答已采纳
1回答
在angular中按日期对对象列表排序
angular、sorting、date、http、components
我想按日期对posts数组进行排序，但首先我想看看posts中是否有对象，帖子列表在html中显示正确，但在console.log中它看起来像undefined。你能帮帮我吗?
posts.component.ts
import { Component, OnInit } from '@angular/core';
import { Post } from '../post';
import { LoginService } from '../login.service';
import { ActivatedRoute } from '
浏览 0提问于2018-04-28得票数 1
15回答
TypeError:您提供了预期流的“未定义”
angular、ionic-framework、rxjs
我有一个Ionic应用程序，它有一个user提供程序和一个signup()方法：
doSignup() {
// set login to same as email
this.account.login = this.account.email;
// Attempt to login in through our User service
this.user.signup(this.account).subscribe((resp) => {
this.navCtrl.push(MainPage);
}, (err) => {
//conso
浏览 14提问于2017-12-16得票数 25
回答已采纳
1回答
如何使用AngularFire2删除修复中的子集合？
angular、firebase、google-cloud-firestore、angularfire2
如何使用AngularFire2删除子集合？在我的component.ts文件中有以下与依赖项有关的内容。id in updateUser()是通过客户端操作传递的。我在控制台中没有收到任何错误，但是firestore也没有删除数据：
import { Component, OnInit} from '@angular/core';
import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from 'angularfire2/firestore';
i
浏览 2提问于2018-04-05得票数 1
回答已采纳
1回答
错误TypeError:无法读取未定义的属性“postFeedback”
angularjs、angular
版本的角和节点：
角CLI: 6.2.9节点: 8.17.0
当我单击“发送反馈”按钮时，其抛出错误和堆栈跟踪如下：
ERROR TypeError: Cannot read property 'postFeedback' of undefined
at FeedbackComponent.push../src/app/feedback/feedback.component.ts.FeedbackComponent.sendFeedback (feedback.component.ts:23)
at Object.eval [as handleEvent] (FeedbackC
浏览 2提问于2020-04-15得票数 0
回答已采纳
3回答
Angular:如何向注入服务发送字符串？
angular、dependency-injection、dependencies、code-injection
我为crud任务创建了通用服务，该服务通过DI (依赖注入)使用HttpClient，但我需要在服务的构造函数中通知另一个值，该如何实现？
因为当我在将使用DI使用CRUD服务的类的构造函数中定义它时，无法将参数传递给构造函数
下面是服务
import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { CrudInterface } from "@app/core/crud.interface";
i
浏览 1提问于2018-01-03得票数 6
回答已采纳
1回答
HttpClient delete方式发送body (Angular 5)
angular、httpclient
我正在将Http迁移到Angular 5应用程序中的HttpClient，一切都很顺利，直到我使用了其中一个服务的方法：
deleteMultipleObjects(userId: number, officeId : number, objectsData : any) {
const url = `${APP_URL}/delete-objects/${userId}/${officeId}`;
let headers = new Headers({ 'Content-Type': 'application/json' });
this.ap
浏览 6提问于2018-02-08得票数 2
回答已采纳
2回答
如何定义Typescript中数组的个数
typescript
我需要从数组中删除该值。但是我不能确定这个数字。我在后台发送了一个带有id的DELETE请求，但是如何在TypeScript数组中找到这个值。
数组示例
我的代码类型
export class FileService {
public myResults: string[];
public id: number;
Url: string = "";
constructor(private http: HttpClient, @Inject('BASE_URL') baseUrl: string,
public dialog: MatDialog ) {
浏览 23提问于2018-09-05得票数 0
回答已采纳
3回答
元素删除后隐藏元素，如果请求成功，则删除它，角度为4。
angular、typescript
我用的是角4.3.3。如果用户单击remove链接，我想知道如何隐藏<div>，如果请求成功，那么删除它，如果请求失败，那么再次显示元素。
这是删除的类型记录代码：
import {HttpClient, HttpErrorResponse, HttpHeaders} from '@angular/common/http';
...
constructor(private http: HttpClient, private globals: Globals, private activatedRoute: ActivatedRoute) { }
浏览 2提问于2017-08-05得票数 0
回答已采纳
2回答
Json服务器在HttpClient请求中的角删除按钮
javascript、angular
我想从Employees.The Observable的列表中删除一名员工，该列表在employee.service.ts中设置，在app.component.ts中订阅。使用id中的removeUser(id)方法连接到员工的app.component.html存在问题，错误是Property 'id' does not exist on type 'AppComponent'.ngtsc(2339)。
当单击“相对删除”按钮时，我想how.Something ，但我不知道需要this.employees = this.employees.filter(emp
浏览 4提问于2021-11-28得票数 0
回答已采纳
1回答
有人能解释一下λ/fat箭头角函数调用的语法和含义吗？
angular
有些人能帮我解释一下语法和含义吗？我知道put$的意思是返回一个可观察的，所以它调用put in公司服务，它有两个论点，我知道订阅意味着什么，但我需要一些帮助来理解它。
如果你有一个链接到一个好的教程，那将是很棒的。
this.companyService.put$(this.currentId, this.appMenu.currentObject)
.subscribe(selectedCompany => {this.appMenu.currentObject = selectedCompany});
这是服务：
如果您还可以解释“put”调用
浏览 1提问于2019-09-28得票数 1
回答已采纳
2回答
HttpClient在RESTful API上没有正常工作。
angular、rest、angular6、angular-httpclient
Delete方法不会给我一个错误，因为我将1000作为参数传递给我，这个参数在'‘json文档中不存在。相反，它只是移除选定的文档。我到处搜索，但没有找到任何指定如何解决这个问题的代码。任何帮助将不胜感激，因为我是新的角度框架。
下面是我的服务代码文件(post.service.ts)
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { catchError } from 'rxjs/operato
浏览 1提问于2019-02-28得票数 0
回答已采纳
1回答
是否有其他方法可以在URL http Delete请求中添加ID？
javascript、node.js
每当我向服务器发送请求(删除具有特定id的项)时，都会出现以下错误: Cannot delete /url/url/:id/:16857。我知道它应该看起来像/url/url/16857，但我不知道问题出在哪里……我从响应中删除了'/:‘部分，但仍然很快得到相同的错误，但没有'/:’
我创建了一个Http Delete请求，如下所示：
function(parameter: Parameter) {
return new Promise<boolean>( (resolve, reject) => {
this.http.delete<
浏览 0提问于2019-04-22得票数 0
3回答
角-删除后刷新/获取数据
angular、typescript、get
我在飞行中降落了一个项目，用的是角度，对角度了解的不多。我目前正在做一个简单的CRUD屏幕。删除一行后，我如何“刷新”UI？下面是我的组件中的方法：
AATList:IAat[];
confirmDelete(): void{
//this.myService.deleteAAT(this.satNumber).subscribe(data => {this.AATList = data;});
//this.myService.deleteAAT(this.satNumber).subscribe(() => {this.getAATtEntries()
浏览 0提问于2019-02-19得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
