Angular HttpClient 结合管道、点击和订阅?

2023-12-27

我正在尝试使用 Angular 中的 HttpClient 检索一些数据。我的代码如下所示:

getData(suffurl: string, id?:number): Observable<any[]> {
    return this.http.get<any[]>('localhost:5555/DNZ/'+ this.suff_url)
    .pipe(
      tap(data => console.log("Anlagenstatus Daten:", data)),
      catchError(this.handleError('getData',[])),
      subscribe(Response => { console.log(Response)})
    )
  }

但是,我无法在 pipeline 方法中使用 subscribe,也不能在 .pipe 方法之前或之后将其链接起来。问题是,如果没有订阅,尽管链接和数据存在,但这段代码似乎没有从 url 返回任何数据或将任何内容记录到控制台?


您必须订阅该方法(因为它返回一个Observable),而不是在管道内。

试试这个

getData(suffurl: string, id?:number): Observable<any[]> {
    return this.http.get<any[]>('localhost:5555/DNZ/'+ this.suff_url)
    .pipe(
      tap(data => console.log("Anlagenstatus Daten:", data)),
      catchError(this.handleError('getData',[])),
    )
  }

然后拨打电话

this.getData("url").subscribe(Response => { console.log(Response)})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular HttpClient 结合管道、点击和订阅? 的相关文章

  • 将模板添加为innerHTML 时,Angular 2 绑定/事件不起作用

    我正在尝试创建一个可配置的可重用表 单元格可以配置为具有 html 模板 我正在配置列 Review 拥有带有带有点击事件的锚标记的 html 模板 审核 行 到目前为止 我尝试将此模板作为innerHTML 插入 但所有角度绑定都不起作用
  • Ionic 和 Angular 2 - 拒绝应用“http://localhost:8100/build/main.css”中的样式,因为其 MIME 类型(“text/html”)不受支持

    My Ionic https en wikipedia org wiki Ionic mobile app framework 构建一直运行得很好 直到我想在我的 iPhone 上进行测试 所以我停止了我的服务器 做了一个ionic ser
  • 基于角色在同一路径上延迟加载模块

    我正在尝试根据我的角色加载 Angular 模块 当我登录时 我用 Angular Guard 尝试过 但这不起作用 当它失败时 它不会转到下一条路线 const routes Routes path loadChildren gt Aut
  • 提供常量

    Provide 在 RC4 中已被弃用 以前 我可以这样做 provide API URL useValue address 我正在尝试这样的事情 provide API URL useValue address 但这不起作用 我找到了几个
  • 如何在控制台中访问 Angular2 组件特定数据?

    有没有办法在控制台中访问 Angular2 特定组件的特定数据以进行调试 就像 Angular1 能够在控制台中访问其组件值一样 更新4 0 0 StackBlitz 示例 https stackblitz com edit angular
  • Angular RouteReuseStrategy 后退按钮/跨模块

    有关我的应用程序的信息 Angular 12 由 3 个模块组成 每个模块都有一个带有列表的概述页面和一些详细信息页面 每条路线都有一个区域标签 因此我知道用户正在哪个模块中导航 所以我想实现 Angular 的 RouteReuseStr
  • 错误 C2039: 'IsNearDeath': 不是 'Nan::Persistent> 的成员

    我最近升级了我的nodejs to v12 3 1 现在当我尝试跑步时npm install在我的项目存储库中 我收到上述错误 error C2059 syntax error compiling source file src custo
  • Google Analytics 嵌入 api 不适用于 Angular 2 应用程序

    我使用以下代码将 Google Analytics api 嵌入到我的 Angular 2 应用程序中 我的组件 html div div div div div div
  • 方法与管道

    在 Angular 应用程序中的模板插值中使用管道和方法有区别吗 例如 h1 name toLowerCase h1 vs h1 name lowercase h1 就性能而言 是有真正的收获还是只是个人喜好 我知道调用模板中的方法通常会降
  • 如何在角度2中动态地在输入框上添加工具提示

    我有一个输入框 我想在将鼠标悬停在输入框上时显示工具提示消息 这将基于我们从服务获得的响应 如果服务响应为 true 则工具提示中的消息将为 true message 如果服务返回 false 则该消息将为 false message 这是
  • 将 WAR 部署到 Tomcat(Spring Boot + Angular)

    我正在尝试使用以下命令部署 Spring Boot 应用程序WAR包装至Tomcat 10 应用程序已成功部署 但是 当我尝试访问端点时 它会导致404 未找到 战争文件 应用程序 war http localhost 8080 appli
  • 如何在 Angular 应用程序中动态更改 CSS 类名称?

    我有两个 CSS 类名 如下所示 icon heart color bdbdbd icon heart red color a6b7d4 我的 HTML 包含一个心形图标 div class icon heart div
  • 如何在 Angular 中实现全局加载器

    我有一个全局加载器 其实现如下 核心模块 router events pipe filter x gt x instanceof NavigationStart subscribe gt loaderService show router
  • 绑定到元素(div)的大小

    我有一个具有宽度和高度属性的组件 如何将组件的视图高度和宽度绑定到这些属性 我需要在组件大小发生变化时更新它们 即通过重新调整浏览器窗口的大小 Use window resize onResize event 聆听全球事件 您可以使用win
  • Mapbox 打字稿

    通过关注这个项目 我成功地让 Leaflet 与 Angular 2 和 Webpack 一起工作 Angular 2 传单启动器 https github com haoliangyu angular2 leaflet starter 我
  • 没有将“exportAs”设置为“ngbDatepicker”的指令

    I m using angular 4 i was trying to add datepicker while i m using datepicker popup html I m getting error as given belo
  • 从 Angular 6 中的 html 导出 Pdf

    我想从 Angular 6 中的 html 导出 pdf 所以 我正在使用jspdf图书馆 但我不能给出颜色和背景颜色等样式 我怎样才能实现这个目标 如果有其他免费图书馆jspdf 我可以用它 您可以从下面的链接查看演示 DEMO http
  • Angular 4 Http POST 不起作用

    我希望每个人都做得很好 我最近开始使用 Angular 4 4 我一直在尝试将数据发布到我的 api 服务器 但不幸的是它不起作用 我花了大约两天的时间 但仍然没有成功 甚至已经尝试过 6 7 篇文章角 io https angular i
  • 使用 rxjs 将数据添加到 http 响应

    我有一个包含司机 ID 的旅行实体 我可以使用 RESTFull 端点获取获取行程 例如 trips 2 example response id 2 driver id 123 我可以使用端点获取驱动程序详细信息 例如 drivers 12
  • 如何让 webpack 和 iis express 协同工作?

    I have Angular 2 和 Webpack 2 入门 https github com qdouble angular webpack2 starter它通过 webpack dev server 在节点上运行 我如何使用 web

随机推荐

  • 流畅的 ffmpeg 大小输出选项不起作用

    摘要 我试图将输出限制为 3mb outputOptions fs 3000000 不适合我 文件返回的大小为119260428或 119mb 这是您自己尝试的代码 您所需要的只是test mp3足够大 结果testoutput ogg g
  • 如何按月对项目进行汇总和求和?

    我有 2 个数据框 订单和带有价格的商品 orders pd DataFrame id 1 2 sum delivery 10 0 date 2016 01 01 2016 01 05 items pd DataFrame id 1 2 3
  • 将 Netbeans 与 Cygwin 和 SDL(包括 SDL.h)一起使用会产生奇怪的错误

    我已经设置了 Netbeans C C 安装 配置并正确运行了 Cygwin SDL 是使用 Cygwin 终端从源安装的 我已经确认 Cygwin Netbeans 和 SDL 都运行正确 我可以使用 Netbeans 编写和编译 C 项
  • 无法释放视图控制器/导致 EXC_BAD_ACCESS

    我认为这很奇怪 但相同的代码在其他应用程序中对我来说工作得很好所以 我重写了 iphone 应用程序委托中的函数 它继承了主委托的超级类 appdelegate iPhone h interface AppDelegate iPhone A
  • Automator:如何使用“从列表中选择”操作?

    我正在尝试使用 Automator 创建一个服务 该服务只需调用 textutil Convert 即可 最终 我希望能够右键单击 docx 文件并将其转换为文本 rtf html 等 右键单击后 我想要一个非常简单的弹出窗口 询问所需的格
  • 如何正确使用通过Firebase身份验证获得的Facebook令牌?

    当某人想要通过 Facebook 注册时 我试图获取该人的名字和姓氏 但想知道是否存在一些安全问题 基于来自 Firebase 的文档 https firebase google com docs auth web facebook log
  • 如何创建文件并将其保存到“文件”应用程序(iOS 平台)

    我需要创建 PDF 文件 完成 并将其保存到文件应用程序 以便用户可以随时在我的应用程序之外访问它 我试过rn fetch blob and react native fs包 它们在 Android 上运行良好 但对于 iOS 它们只能创建
  • 如何使用 winmm.dll 确定歌曲的长度?

    I ve P 从 WinMM dll 调用 mciSendString 方法 http www pinvoke net default aspx winmm mciSendString DllImport winmm dll private
  • 格式化文件路径

    我是 Python 新手 所以我的做法可能完全错误 但我在获取和更改文件目录时遇到问题 我的脚本接受可以位于任何目录中的多个文件名 在我的脚本中 我需要 python 更改到文件的目录 然后执行一些操作 但是 我在更改目录时遇到问题 这是我
  • 使用 Rstudio 实时预览 Rmarkdown 文档

    我一直使用 VScode 作为主要的记笔记平台 并且我已经非常习惯实时预览功能 现在我必须使用 Rmarkdown 生成可更新的报告 我想知道是否有人知道如何使用 Rstudio 生成实时预览 我对有关 R 和 Rmarkdown 的 Vs
  • 如何使用AWS Cognito作为单点登录?

    我有 2 个网站 用户注册 登录和其他内容 将在 认知用户池 用户个人资料 自我保健 两个站点位于不同的域中 如何在两个站点之间实施 SSO 是的 您可以通过以下方式进行操作 登录在第一个站点上完成 您将获得一个令牌 在第二个站点上使用此令
  • OAuth2FeignRequestInterceptor 的替代方案,因为它现已弃用

    在我之前的实现中 我使用的是 OAuth2FeignRequestInterceptor 但从 Spring security 5 开始 OAuth2FeignRequestInterceptor 似乎已被弃用 有什么替代方法可以达到同样的
  • 尝试在 Eclipse 中创建新项目时出现“构建路径条目丢失”错误

    缺少构建路径条目 org eclipse jdt launching JRE CONTAINER org eclipse jdt internal debug ui launcher StandardVMType JavaSE 1 7 当我
  • 如何使用 SwiftUI DocumentGroup 读取大文件而不制作临时副本?

    我制作了一个 SwiftUI DocumentApp 它可以读取大型媒体文件 但不需要写入它们 在我的文档中 我只想存储文件的 URL 以便我可以使用例如加载它 AVAudioFile 如果不像作者那样创建文件的临时副本 我无法弄清楚如何执
  • 确定mysql中列允许的最大长度

    表的结构如下 registrant id varchar 16 registrant name varchar 128 我想运行一个查询来显示与最大允许长度匹配的所有条目 即我当前对上述内容所做的操作 SELECT FROM tm regi
  • localeCompare 进行自然排序?

    我正在开发一个漫画书阅读器 我有一些用户上传的文件 图像 文件对象 我正在使用它们的文件名以便按正确的顺序对它们进行排序 我尝试使用localeCompare对它们进行自然排序 但没有运气 页面应按以下方式排序 page1 page2 pa
  • 水晶报表无法运行 Azure Web 应用程序

    我们在 ASP NET 应用程序中使用水晶报表 https kegxchange azurewebsites net https kegxchange azurewebsites net 然而 当我们发布应用程序时 我们收到错误 无法加载文
  • 如何回收Java线程堆栈使用的内存?

    我已经遇到这个内存泄漏问题好几天了 我想我现在有了一些线索 我的记忆java进程不断增长 但堆却没有增加 有人告诉我 如果我创建许多线程 这是可能的 因为 Java 线程使用堆之外的内存 我的java进程是一个服务器类型程序 所以有1000
  • 哪个是 Rails 应用程序的最佳数据库?

    我正在开发一个 Rails 应用程序 它将访问大量 RSS 提要或抓取数据站点 主要是新闻 它将类似于 Google 新闻 但采用不同的方法 因此我将存储大量新闻 或新闻摘要 将它们分类为不同的类别 并使用排名和推荐技术 我应该选择 MyS
  • Angular HttpClient 结合管道、点击和订阅?

    我正在尝试使用 Angular 中的 HttpClient 检索一些数据 我的代码如下所示 getData suffurl string id number Observable