问题标签 [angular-observable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
85 浏览

angular - 如何将 HTTP 响应映射到用户定义的类型?

当我尝试在组件代码中打印时,我能够看到 Object ( console.log(movie)),但我不明白为什么IMovie没有发生映射,即 Object ->。

我尝试了不同的方式,但对我没有任何效果。

0 投票
1 回答
2494 浏览

angular - rxjs 带运算符 - 使用异步管道限制结果

我无法使用 rxjs take() 运算符限制模板中显示的结果,模板总是向我显示所有记录。

api http://jsonplaceholder.typicode.com/users返回 10 个元素,我只想取其中的四个。

0 投票
3 回答
45 浏览

angular - 具有 Observable 实现的 Angular 服务

我已经遵循了许多示例来尝试使其正常工作,但正在苦苦挣扎,并且似乎有很多不同的方法-因此最好来这里获得答案。

简单来说......我有一个组件,我想在创建时从 JSON 文件加载一些数据,并在加载数据时显示它。

appData.model.ts

数据服务.ts

测试组件.ts

然后,我尝试使用 html 模板中的以下代码将 lastUpdated 的值打印到组件中:

我在控制台中没有收到任何错误,但没有打印出来!任何人都可以看到代码有什么问题或关于如何调试问题所在的任何建设性建议吗?我认为我已经很好地掌握了 Angular,但可以肯定地说我正在努力解决 Observable 方面的问题。

0 投票
2 回答
1632 浏览

angular - Angular:将json获取响应转换为具有函数的类

所以基本上我有一个 Angular 组件,它有一个 DashboardConfiguration 类型的变量,它被设置为一个 Observable。这个 observable 来自一个解析器,它调用一个对 json 对象发出 get 请求的服务。

问题是 observable 正在为变量提供一个普通对象,而不是 DashboardConfiguration 对象。这使我无法调用 DashboardConfiguration 的函数。

我将其结构与此示例非常相似,该示例的所有代码都在文章的底部

我需要将 json 转换为的 DashboardConfiguration 类

http-get 响应:

角组件:

发出 http 请求的服务:

解析器:

0 投票
1 回答
129 浏览

angular - Angular 多个 http.get 请求

我怎样才能只发出一个 http 请求但多次订阅该服务?

该文档指出它们被多​​次调用:

来源:https ://angular.io/guide/http#making-a-delete-request (有点下)。

有没有办法,http请求只完成一次?

背景:我正在制作一项服务,检查请求是否相同,如果是,则返回最后一个observable. 现在,如果请求两次,这个“优化”就会过时。

所有相关的答案都是 Angular

0 投票
2 回答
1509 浏览

angular - Angular 形式的 Observables

我的网站上有一个表格。(person.firstName、lastName、DOB、Gender、Citizenship 等...)。我的问题是如何观察整个形式的变化并从观察中得到两件事:

  • formControl 及其当前状态
  • 处理的 formControl 的当前值

    前缀 {{availablePrefix}}

    /li>

感谢您的任何帮助

0 投票
1 回答
624 浏览

angular - 如果订阅者未在角度 2/4/6 中完成,如何等待返回语句

目前我正在研究 Angular6 项目,并且我有 auth-http-interceptor。此文件中的问题是我想每次都从 angular4-adal 服务获取刷新令牌/获取令牌,为此,我必须订阅将提供令牌的获取令牌,然后想在 authReq 对象中分配该令牌.

但是我的拦截方法的返回类型是 Observable。

那我怎么能等待订阅获取令牌然后返回next.handle(authReq)。我试图编写下面的代码,但它抛出一个错误=>声明类型既不是“void”也不是“any”的函数必须返回一个值。

auth-http-interceptor.ts

任何帮助表示赞赏。

0 投票
2 回答
6967 浏览

angular - 类型 'boolean' 不可分配给类型 'ObservableInput<{}>'

我正在从事 Angular 6 项目。我正在为我的 routeGuards 使用 canDeactivate 和一个弹出窗口来显示路由离开消息。但是问题出现在我的价格清单保护服务上悬停 .flatMap(isAllow)=> {

错误:'(isAllow: boolean) => boolean' 类型的参数不可分配给'(value: boolean, index: number) => ObservableInput<{}>' 类型的参数。

我想在 price-list-guard.service.ts 中做这样的事情:

价目表-guard.service.ts

提示服务.ts

0 投票
3 回答
2787 浏览

angular - 将属性公开为可观察对象的最简单语法?

我已经看到教程展示了在 Angular 中实现 observables 的无数不同方法。就我的目的而言,其中许多似乎过于复杂。其他的用于以前的版本,不再工作。

假设我有一个服务,它有一个名为 的属性numChickens,并且我想允许组件订阅该属性。Do.i.really((need)=> to.chain((a)=>{million.garbledyGook().statements.to('gether)}) 可以做到吗?

这是相关服务的代码:

...这是使用可观察的组件的代码:

在 Angular 6 中,什么是最简单、最直接、最易读的方式来公开chickensChickenService 中的属性,以便组件类可以以可观察流的形式访问该属性的值?或者让组件模板可以使用异步管道显示值?

我怎么强调都不过分——请不要回答包含 8,192 个字符的闭包墙然后说“看,这很简单”。

我问这个问题不仅是为了我自己,也是为了像我这样的其他人,他们试图将注意力集中在 observables 上,并为所有关于该主题的密集和过时的教程而苦苦挣扎。如果您可以将此解决方案简化为简单的形式,后代将感谢您。

0 投票
1 回答
3546 浏览

javascript - Angular 6-在同一组件的可变更改上动态更改 *ngFor 元素的 css 属性

请看下图。我在画布上有 p 标签列表。在画布下方,我有多种颜色和字体大小。

在此处输入图像描述

下面是我的场景

  1. 在画布上添加文本。我可以根据需要添加任意数量。
  2. 选择任何文本并更改所选 p 标签的颜色和字体大小。

目前我做了以下代码:

1. HTML

2.色码选择

3.字体更改代码

4.字体更改功能

5.换色功能

6. 颜色和字体大小适用代码

如果有任何困惑,请告诉我。上面的代码不起作用。我想知道更有效的方法。