问题标签 [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 投票
1 回答
2327 浏览

javascript - RxJs Observables:在更多异步请求后运行 retryWhen

我的用例是:

  1. 用户从我们的 API 请求资产,但由于 JWT 过期(作为 httpOnly cookie 传递)而失败 - API 返回 401 状态代码。
  2. 我们再次使用 refresh_token 对它们进行身份验证(无需用户做任何事情),以检索来自客户端对 auth0 的请求的新 JWT。
  3. 我们将新的 JWT 发送到我们的 API 以设置为 httpOnly cookie 来替换过期的。
  4. 然后,我们想重试用户在步骤 1 中对 API 发出的原始请求。

我正在尝试通过redux-observable在我的 Redux 应用程序中使用 Observables 。如果您能想到另一种使上述用户流工作的方法,我会很高兴听到如何。

注意。我在用着rxjs V5

到目前为止,我能够完成步骤 1、2 和 3,但不太确定添加步骤 4 的方法。我可能完全不合时宜,但任何帮助都会很棒!

0 投票
1 回答
182 浏览

angular - 找不到名字 Promise

我在 angular2 中使用 Promise 时遇到问题。我已经按照角度文档的建议导入了所有文件。但得到错误“找不到名称承诺”。下面是我的代码:

Promise 对象是否需要从某个地方导入?我尝试从 rxjs 库导入,但没有成功。

知道为什么会这样吗?

0 投票
1 回答
949 浏览

javascript - 无法使用自定义过滤器管道读取未定义的属性“0”

由于我为数组创建并添加了自定义过滤器管道,因此在加载视图时出现此异常:

我猜这一定与我加载数据的方式有关。

在我添加管道数据加载之前!

我可以在管道中放置一个断点,但由于错误,它永远不会被击中。

任何人都知道我的第一个管道做错了什么?

管道

从“@angular/core”导入 { Pipe, PipeTransform };

HTML

零件

); }

0 投票
1 回答
55 浏览

angular - 使用 observables 刷新:Angular2

我正在尝试实现一个功能,用户在 ui 中填写一些信息,当他们单击“提交”或“开始”按钮时,后端代码开始更新数据库中的信息(这意味着后端工作正在进行中上)。用户界面中的“状态”显示数据库中的信息是否成功更新。但是,刷新页面后,我只能在“状态”中看到结果。我做了一些研究,表明 observables 具有某种刷新功能,可用于及时刷新页面的某些部分。有人可以为我指出实现类似功能的正确方向(可能是教程或学习材料)吗?谢谢

0 投票
1 回答
82 浏览

knockout.js - Knockout.js:未观察到 ViewModel 属性

我想我在某处遗漏了一个基本概念。下面代码的输出是 100%,但对象的属性没有“观察到”。

我背后的代码:

在此示例中,我尝试查看在更改文本框中的电子邮件地址时 UI 是否更新,但事实并非如此。如果我添加电子邮件:ko.observable(); 属性到模型,并在文本框和标签中使用它,更新按预期工作。

如果我做:

加载页面时不显示任何值。并且不会引发任何错误。

亲切的问候,电动汽车

0 投票
1 回答
811 浏览

angular - 如何在 Angular2 服务中进行递归 http 调用以预取数据?

我有一个从开放 API 获取记录的 Angular 服务。API 限制我一次只能获取 100 条记录,在我检索到第一批之前,我不知道要获取多少条记录。

API 响应的格式如下所示:

"total"在获取第一页并从响应中获取值之前,我不知道需要对 API 进行多少次调用。

知道如何做到这一点吗?

谢谢!

0 投票
1 回答
76 浏览

web-services - angular2 - 无法从 Web 服务获取数据

第一次学习 typescript & angular2。我正在创建一个只执行 GET 和 POST 的通用服务,以便我可以在整个应用程序中使用它。我的应用程序基于动态表单中的 Angular 示例

我的问题是我的“QuestionService”正在使用“ServerService”,但它抱怨这this.ServerService.getData is not a function不是一个函数。

服务器服务

问题服务

这是网址:https ://plnkr.co/edit/InWESfa6PPVKE0rXcSFG?p=preview

0 投票
1 回答
37 浏览

angular - observables 没有分配变量

我正在尝试在 QuestionService 中注入 DataService,但是当我分配“this.questions2”时,AppComponent 仍然认为该值未定义。我明白了

这里

问题服务

数据服务

应用组件

0 投票
1 回答
704 浏览

angular - Angular2 observables - 用户登录时订阅不会更新我的变量

所以我试图在用户登录时更新我的​​菜单。我已经阅读了几个关于类似问题的答案,但我仍然无法让它工作。

导航栏.component.html:

nav-bar.component.ts我打开一个带有登录表单的模式,并从login.service中查找变量的变化

su-popup-login.component.ts - 登录表单并调用登录功能:

登录服务.ts

如果我this.loginService.login('user', 'pass')nav-bar.component调用它可以正常工作,但从su-popup-login.component.ts调用登录时则不行。此外,this.loginService.logout()来自nav-bar.component.ts 的工作正常。

订阅调用是否必须与登录/注销调用位于同一组件中?如果是这样,我想我只是不明白 Observables 是如何工作的。

感谢您的任何帮助或评论。

0 投票
2 回答
360 浏览

angular - 使用 Angular2 和 RxJs 突出显示所选项目

我正在重写一个简单的 Angular2 视图组件以使用 Observables 和异步管道。它显示了一个结果列表,并且有一个应突出显示的选定结果。

在我的组件具有以下属性之前:

视图中的循环看起来像这样:

现在我有以下带有可观察对象的视图组件:

以及以下观点:

这是行不通的。我也尝试了角度表达

但它也不起作用。唯一发生的事情是该getResults方法对服务器执行了多次。

使用可观察对象进行选择处理的正确方法是什么?