问题标签 [rxjs6]

所以我有这样的场景（简化）

• 主要成分
• 列表组件
• 列表服务

在哪里：

主要成分

列表组件html

列出组件 ts

最后列出服务

出于某种原因，getAllByMonth 被调用了很多次......即使我只将月份值更改为 1。

当月份值发生变化时，应该如何安排 getAllByMonth 调用 ONCE 的东西？

我很难理解 RxJs。我很难理解 5 到 6 之间的重大变化。

我有以下代码和以下问题。

1. Observable 不再提供 .interval 方法
2. .switchMap 方法不再可用于 .interval

我检查了更改日志和修复重大更改的建议，但我无法弄清楚我需要做什么。我理解它的方式是，我拥有的代码很旧并且不使用管道运算符，但这就是我能够弄清楚的全部。

将 Angular 5 更新到 Angular 6 后，我遇到了一些关于 rxjs6 的问题：

我尝试了一些方法，例如：

将此导入添加到 service.ts

从'rxjs/operators'导入{地图}；

更改 http.post().pipe(map(res => {...}))

但是，所有这些都不适合我。

我的环境如下：

代码如下所示 Service.ts

另一个问题打字稿文件

我有一个发出对象数组的可观察对象。我需要使用哪些管道操作符将其转换为 Observable 以便我可以对每个对象进行操作？

我需要对 obs$ 做些什么才能使其像 obs2$ 一样发射？

在 RxJS 6 中取消订阅的最佳方式是什么？

我的“旧”RxJS 5 代码看起来像这样

在迁移到 RxJS 6 时，我运行rxjs-5-to-6-migrate并得到了

但这不起作用，因为 EventEmitter 没有管道方法。

在 RxJS 6 中取消订阅的最佳方式是什么？

编辑：这在全新安装后确实有效，并且是在 RxJS 6 中取消订阅的最佳方式。

我正在尝试使用带有 Google Plus 和 Facebook 的科尔多瓦插件登录。这两个 npm 包都给了我这个问题：

core.js:1598 错误错误：未捕获（在承诺中）：TypeError：Object(...) 不是函数 TypeError：Object(...) 不是 Object../node_modules 处 index.js:245 处的函数/@ionic-native/facebook/index.js (index.js:313) 在webpack_require (bootstrap:81) 在 Object../src/app/services/auth.service.ts (chunk-fe7f197d.js:144)在webpack_require (bootstrap:81) 在 Object../src/app/pages/login/login.page.ts (pages-login-login-module.js:115) 在webpack_require (bootstrap:81) 在 Object../ src/app/pages/login/login.module.ts (pages-login-login-module.js:21) 在webpack_require(bootstrap:81) at $_lazy_route_resource 惰性命名空间对象:37 at index.js:245 at Object../node_modules/@ionic-native/facebook/index.js (index.js:313) at webpack_require (bootstrap:81)在 Object../src/app/services/auth.service.ts (chunk-fe7f197d.js:144) 在webpack_require (bootstrap:81) 在 Object../src/app/pages/login/login.page.ts (pages-login-login-module.js:115) 在webpack_require (bootstrap:81) 在 Object../src/app/pages/login/login.module.ts (pages-login-login-module.js:21 ) 在webpack_require(bootstrap:81) at $_lazy_route_resource 惰性命名空间对象:37 at resolvePromise (zone.js:814) at resolvePromise (zone.js:771) at zone.js:873 at ZoneDelegate.push../node_modules/zone.js/ dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) 在 Object.onInvokeTask (core.js:4053) 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask ( zone.js:420) 在 Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)

我的信息是：

@ionic/cli-utils：2.0.0-rc.6 离子（离子 CLI）：4.0.0-rc.6

全局包：

科尔多瓦（科尔多瓦 CLI）：8.0.0

本地包：

@angular-devkit/core：0.6.0 @angular-devkit/schematics：0.6.0 @angular/cli：6.0.1 @ionic/schematics-angular：1.0.0-rc.6 Cordova 平台：无离子框架：@离子/角度 4.0.0-alpha.7

系统：

Android SDK 工具：26.1.1 NodeJS：v8.9.4 npm：6.1.0 操作系统：Windows 10

环境变量：

ANDROID_HOME : D:\SumTech Solutions\Software\Android_SDK

仅当我将 Imports 添加到我的 auth.service 中的构造函数时，这才成为一个问题。

最近我开始了解 forkJoin，我们可以在其中组合多个 http 调用并使代码更整洁。但由于某种原因，我在 forkJoin 部分下得到了一个红色的波浪线。我已经通过这种方式导入了 observable

这就是我使用 forkJoin 的方式

我的数据提取工作完美，但在添加新记录后无法重新加载工作。据我所知，每当对行为主体调用下一个方法时，所有观察者都会收到通知，并且数据重新加载会自动发生。但不是那样发生的。

组件.ts

这是发布新记录的代码

服务.ts

我正在使用 Observable 收听套接字并在我的一个组件中订阅它。如果我不取消订阅ngOnDestroy，当我再次访问该组件时，它会触发 N 次（N 是我切换回该组件的次数），但如果我取消订阅，ngOnDestroy它会在我第一次去时收听该组件，当我转到其他组件并返回时，它不会触发。

在监听组件的构造函数中

Ben Lesh告诉我，在 rxjs6 中，我们不应该这样做：

import { Observable } from 'rxjs/Observable';

但

也适用于运营商：

所以我将我的 proj 更改为 v6 。

以下是用法：

但是看看 bundle 中有多少个操作符：

完整列表在这里

问题：

这是为什么 ？我是否错误地导入了运算符？为什么我会看到所有那些未使用的运算符？

网页包文件