Angular 5 http 删除不起作用

2023-11-30

我正在尝试使用 http.delete 删除一篇文章,但 Angular 没有发出请求。我不确定缺少什么。

博客服务.ts:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';
const BASE_URL = 'http://localhost:8080';

[...]

deleteArticle(id) {
    this.http.delete(`${BASE_URL}`+'/api/articles/'+ id)
}

编辑博客.component.ts:

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { ActivatedRoute, Router } from "@angular/router";
import { BlogService } from "../../../services/blog.service";

[...]

onPostDelete() {
    this.blogService.deleteArticle(this.urlParam.id)
}

ngOnInit() {
    this.urlParam = this.activatedRoute.snapshot.params;

    this.blogService.getArticle(this.urlParam.id)
    .subscribe(data =>this.article = data);
}

编辑博客.component.html:

<form [formGroup]="createPostForm" (submit)="onPostSubmit()" autocomplete="off">
[...]
</form>

<button class="btn btn-outline-danger" (click)="onPostDelete()">Delete Post</button>

有人能告诉我缺少什么吗?谢谢


为了提出请求,您需要subscribe如下

onPostDelete() {
   this.blogService.deleteArticle(this.urlParam.id).subscribe((response) => {
     console.log("deleted"));
   });
}

并按如下方式修改您的博客服务,

deleteArticle(id) {
   return this.http.delete(`${BASE_URL}`+'/api/articles/'+ id).map((response: Response) => response.json())
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 5 http 删除不起作用 的相关文章

随机推荐

  • 在 UserDefaults 中存储自定义对象数组

    我花了很长时间试图弄清楚如何在 UserDefaults 中存储我的自定义结构数组 这是我的代码 struct DomainSchema Codable var domain String var schema String var dom
  • 跨多列的堆叠条形图

    我设法将初始数据集转换为以下形式 ElemId total count coef true coef false coef ratio 1 a1 2 2 0 1 2 a2 4 4 0 1 3 a3 1 1 0 1 4 a4 5 5 0 1
  • 低功耗蓝牙 (BLE) - 如何分别获取服务、特征和描述符的 UUID

    在蓝牙低功耗协议的问题上苦苦挣扎 例如 一个设备有一个服务 该服务包含一个包含描述符的特征 服务的 UUID 特征和描述符事先未知 我的问题是如何以我们知道这个特定 UUID 是一种服务 特性 描述符的方式获取它们的 UUID Blueto
  • 将 Django 模型/表拆分为两个模型/表是否有性能优势?

    In 所以问题7531153 我询问了将 Django 模型一分为二的正确方法 使用 Django 的多表继承或显式定义 OneToOneField Based 卢克 斯内格评论 我很好奇将模型一分为二是否会带来性能提升 我考虑将模型分成两
  • 如何使用 jQueryUI 日期选择器和 HTML5 时间输入来比较日期/时间值?

    我想验证页面上的 开始 日期 时间对早于 结束 日期 时间对 我正在使用 jQueryUI 日期选择器和 HTML5 时间输入元素 小部件 这个 jQuery var begD datepicker parseDate mm dd yy B
  • 如何在 Oracle 中查询 CLOB 列

    我正在尝试运行一个查询 该查询包含一些 CLOB 数据类型的列 如果我像平常一样运行查询 所有这些字段都有 CLOB 作为值 我尝试使用DBMS LOB substr column 我得到了错误 ORA 06502 PL SQL numer
  • 自定义 Java Swing Meter 控件

    我正在尝试制作一个自定义的摆动控件 即米 摆动计 http dl dropbox com u 2363305 Programming Java swing meter gif 箭头将上下移动 这是我当前的代码 但我觉得我做错了 import
  • 带主体参数的改造 POST 请求 android

    我需要通过改造来执行发布请求 但我有一个我不太理解的问题 在尝试使用代码之前 我测试了 api 调用Postman和请求看起来像这样 这是我的安卓代码 public class API private static
  • 如何使用 Python Regex 查找首字母为大写的所有单词

    我需要找到文件中以大写字母开头的所有单词 我尝试了下面的代码 但它返回一个空字符串 import os import re matches filename C Users Documents romeo txt with open fil
  • iPhone 上的内存问题

    我开发了一个小型 iphone 商业应用程序 在我的应用程序中 我使用从服务器获取的数据 如果那时数据将存储在手机内存或 RAM 上 我认为它不安全 所以我将决定存储另一个自定义位置 这在手机中可能吗 有什么好的想法吗 如果您想要良好的安全
  • 在asp.net中使用文本框进行Gridview过滤

    我想知道如何根据文本框中输入的字符动态搜索或过滤网格视图中的记录 实现这一目标的最佳方法是什么 任何示例代码或示例都会非常有帮助 这里的技巧是仅进行数据绑定当搜索框中的文本发生变化时 但您必须始终设置数据源选择命令代码 因此 您添加一个文本
  • “svn list”忽略外部

    我的 SVN 树中有一个名为 library 的目录 它使用外部加载库 例如 zend Framework smarty 我使用一个自己编写的工具 它使用 svn list 我可以在其中选择应该上传到服务器的文件 看起来 svn list
  • 如何在 foreach 循环内从数组中删除对象?

    我遍历一个对象数组 并想根据其中一个对象的 id 属性删除它 但我的代码不起作用 foreach array as element foreach element as key gt value if key id value search
  • 如何设置 MSMQ 服务器以便可以通过 Internet 访问它

    我们在 Windows 2008 R2 服务器上有 MSMQ 并具有以下防火墙设置 1 在 允许程序通过 Windows 防火墙进行通信 中选中消息队列 2 启用TCP端口 2103 2105 1801 但是 当 C 应用程序 使用 For
  • 放大 cli :npm 错误!超出最大调用堆栈大小

    执行时 npm install g aws amplify cli 结果是 npm ERR Maximum call stack size exceeded npm ERR A complete log of this run can be
  • 是否可以为 Java 11 和 java 模块生成 hibernate 元模型?

    我有一个带有 JPA 实体和 persistence xml 的 java 模块 我想生成元模型 我尝试了两种变体 变体1
  • JSF 2.0 动态删除组件

    作为有关在 JSF 2 0 中动态添加组件 请参阅下面的链接 的已回答问题的后续内容 我喜欢使用数据表的方法 但是删除添加的组件之一怎么样 如何动态添加JSF组件 基于中的代码片段其他问题您链接后 您需要进行以下更改 将带有删除按钮的列添加
  • Google Charts:如何将参数传递到回调(JavaScript)?

    我有以下代码 google charts setOnLoadCallback drawChart function drawChart 我需要将一个名为chartID 的参数传递到drawChart 函数中 我该怎么做 似乎谷歌图表不想获得
  • 使用 C# 从 Excel 电子表格读取/写入

    我需要编写一个程序 将一些数据写入 Excel 电子表格 每行包含名字 姓氏 电话号码 电子邮件等基本内容 每个类别都在自己的列中 我什至不知道从哪里开始 如果有人可以告诉我要参考哪些程序集 或者向我指出一个网站或一本涵盖通过 C 程序从
  • Angular 5 http 删除不起作用

    我正在尝试使用 http delete 删除一篇文章 但 Angular 没有发出请求 我不确定缺少什么 博客服务 ts import Injectable from angular core import HttpClient from