问题标签 [angular2-observables]

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 投票
4 回答
122566 浏览

angular - angular2 风格指南 - 带有美元符号的属性?

父母和孩子通过Angular.io官方指南中的服务示例进行通信,在 Observable 流名称中使用美元符号。

请注意missionAnnounced$missionConfirmed$在以下示例中:

谁能解释一下:

  • 为什么$使用?这个符号背后的原因是什么?我是否总是需要将其用于公共财产?
  • 使用了公共属性,但没有使用方法(例如,missionAnnouncements()、missionConfirmations())——同样,这是 Angular2 应用程序的约定吗?
0 投票
5 回答
46573 浏览

angular - 可观察到

使用 Angular 2 从按钮的 onclick 事件创建 observable 的首选方法是什么?

我不确定在组件代码中从 DOM 中获取本机元素是否被认为是最佳实践(我该怎么做?),或者是否还有其他一些我不知道的快捷方式。

0 投票
1 回答
1408 浏览

typescript - 如何在间隔后更新值的angular2中进行观察?

我在 angular2 中创建 observable。

我想创建一个可在 2 秒后更新值的可观察对象。到目前为止,我已经创建了这样的东西。

目前,2 秒后,我的 observable 将值更新为 32。

但我想重复运行这个函数,直到值达到 10000。

我想将斐波那契数列存储在这个 observable 中并打印出来。

angular2 observables 有可能发生这样的事情吗?

谢谢。

0 投票
1 回答
828 浏览

angular - Angular2 View在变量更改后不更新

我有这个组件(还有另一个有同样问题的组件)。当字段值更改时,视图不会更新,我什至尝试强制进行更改检测,但它没有用。

组件.js

chatService.getMessages返回Observable一个.

0 投票
1 回答
6198 浏览

rxjs - 如何为 rxjs 订阅回调函数设置上下文?

我有这样的订阅:

如果我传递回调函数而不是箭头函数,则缺少上下文。

我想将上下文绑定到订阅函数,但我从来没有看到过。有没有可能不做类似的事情

0 投票
2 回答
2371 浏览

angular - Angular2订阅总是出现空

我有一个我认为是相当简单的设置。我正在配置文件输入组件中创建用户配置文件。然后在提交表单并创建用户后,我想将用户发送到 profile-img-upload 组件以添加照片。我的理解是,通过将创建的配置文件保存到配置文件服务中,然后在 img-upload 组件中调用该配置文件来完成这是有意义的。但是我遗漏了一些东西,因为当我到达 img-upload 组件console.log(this.profile)时,配置文件始终为空。

我觉得我在这里误解了订阅和可观察的一些非常核心的东西。我要做的就是在第一个组件上创建一个 Profile 对象,然后将创建的 Profile 传递给第二个组件,然后才能上传照片并将其分配给 Profile。

有人可以帮我理解我在这里缺少什么吗?

配置文件输入组件

配置文件.service.ts

profile-img-upload.component.ts

0 投票
1 回答
38789 浏览

angular - 如何在角度 2 中进行同步 http 调用

这个问题已经在这里问过了。但是,由于提问者的应用程序上下文在问题中涉及太多,我无法理解基础知识。例如,有一个queryArr参数。它有什么作用?

无论如何,我需要一点关于如何以最简单的方式进行同步 http 调用的指导。我想出的解决方案是必须以“嵌套”顺序订阅 observables。例如,有 observablesoxoy. 被调用的请求oy的数据取决于数据来自ox

上次我记得(我不怎么做javascript,而且是一个小新手),在我订阅的范围内oyxDataoryData不能再看到了。如果我错了,请纠正我并指出正确的方向。

有没有“好的”解决方案或更好的方法来做这种事情?

0 投票
1 回答
143 浏览

javascript - 在 angular2 中使用与其他组件的可观察对话,没有收到即将到来的价值

我有这个结构

在 pages.component.ts 中,我有一个名为 playlist 的变量

在 assignPlaylist.modal.ts 中,我创建了一个 http post 方法,它返回一个新的播放列表,我需要使用返回的播放列表来替换 pages.component.ts 中的播放列表

这是res,返回结果在此处输入图像描述

这是播放列表的构造函数

-----更新--------------------- 正如答案中提到的,我做了以下更改.

在此处输入图像描述

控制台显示“我在这里”,

我写在我的 pages.component.ts

但是,我没有看到“新播放列表来了”的消息,是我用错了吗?

新更新:我检查了this.playlists,它的观察者是0,为什么?

0 投票
1 回答
450 浏览

javascript - Observable 没有收到 angular2 中的下一个值

为了在 angular2 不同组件之间传递值,我使用注入不同组件的不同服务。

在我的 PagesService 组件中,我定义了一个行为主题并希望传递一个值。

我需要将播放列表传递给一个名为 PagesComponent 的组件

这是控制台输出: 在此处输入图像描述

更新播放列表后,您可以看到我想要传递到控制台的实际播放列表,但我没有在页面组件中收到它,

有任何想法吗?

谢谢

0 投票
1 回答
6289 浏览

angular - 将项目附加到Angular2中的可观察数组?

我有一项服务可以获取文档并将其元数据列出在可以正常工作的页面上。我想实现“无限滚动”并查看了npm i angular2-infinite-scroll

目前我正在使用一个可观察的文档和*ngFor循环中的异步管道

文档列表.ts

使用 angular2-infinite-scroll 我有一个函数,当我滚动到页面底部时会调用它,我想要做的是获取更多文档并在页面上显示它们的元数据以及已经存在的内容

我不确定当我使用 observable 时这是否可行?如果我对文档使用简单的数组,documents: Document[]我可以做类似的事情

还有其他想法吗?