问题标签 [angular-akita]

我有一个应用程序每 2 秒执行一次 HTTP 请求并更新视图。问题是，我必须做一些用户触发的 CSS 动画，这些动画大约需要一秒钟，并且经常被破坏，因为 Angular 在动画运行时更新了 DOM。

我使用Akita商店并像这样检索 observables：

然后在组件中显示它们，如下所示：

在动画进行时我怎么能做到这一点：

视图没有更新。

我发现了 delayWhen 运算符，但所有示例都带有计时器，我不确定它是否是正确的方法。

我的表单的垫子自动完成有问题。当我在该字段中写一些东西时，它显示了我数据库中最后一个同名条目的两倍：

我在我的项目中使用Akita - State Management for Angular，但我找不到这个问题的根本原因。也许你能帮助我？

这是我的代码：

助手-page.component.html

助手-page.component.ts

国籍.service.ts

国籍-data.service.ts

任何输入来解决这个问题？

在此先感谢您的帮助

由于缺少文档（守卫、解析器、路由几乎没有记录），我在秋田状态管理和使用 Angular 解析器时遇到了困难，到目前为止我一直在路由中使用这些解析器（当不使用状态管理时）。

我正在查看以下要点，其中作者确实在组件内部进行了订阅，并且我正在尝试将其移至解析器。

我尝试了多种变体，在解析器中包含以下行并进行订阅，但没有任何效果：

原始 TypeScript 文件

运行 ng build 后在 dist 文件夹中的文件

问题 请帮助我，这个问题的原因是什么？我在 Mac 上创建库并希望将库分发到任何 Windows 或其他计算机，他们看不到上面代码的路径（嵌入 Mac 的路径）。谢谢

我创建的示例 Angular 应用程序演示了我遇到的问题，这个应用程序可以在这里找到

基本上我有两家商店，我正在为这些商店使用状态管理库Akita。两者都是实体存储，第一个存储用于所有消息，它具有如下签名：

第二个商店是我所有的连接，一个连接的签名是这样的：

以下是应用程序启动时执行的步骤：

1. 使用 启动网络摄像头流getUserMedia。
2. 然后它将生成的流保存到 ConnectionStore。
3. 然后它开始每秒创建 1 条消息，在创建每条消息后，它将消息保存到 MessageStore，然后通过将创建的消息的索引添加到 ConnectionStore 实体上的消息数组的开头，将该消息与 ConnectionStore 关联.

以下是两家商店最终的样子：

消息存储：

连接存储：

我遇到的问题是每次生成消息并将其保存到商店时，您都会看到网络摄像头视频闪烁。也许我在构建结构错误？也许有一种方法可以只重新渲染消息而不影响流？感谢任何尝试解决此问题的人，任何建议都会有很大帮助！

我正在努力清理复杂的可观察对象链。我正在遍历从我的秋田商店返回的一系列项目并对每个项目执行操作，然后如果它们已被修改则存储它们。我目前有一个可行的解决方案，但我想知道是否有更清洁或更直接的方法来处理这个链。

我尝试查找一些使用可观察对象循环遍历数组的示例，但没有发现任何复杂的东西或尝试做与我类似的事情。

下面的示例有效，但它似乎不是可观察对象和运算符的最佳实践。

在秋田我可以

但是在升级之后，他们留下了这条指令，因为他们删除了 noop 作为一个重大变化；

删除 noop - 使用 of() observable。完毕

这意味着什么？请举个例子？

编辑：非工作代码的演示

我在可观察对象上使用异步管道时遇到问题。它适用于一个应用程序，但不适用于另一个应用程序。

工作的可以在这里找到：https ://stackblitz.com/edit/angular-ry1dev

非工作代码：

products.component.ts：

products.service.ts（秋田州管理）：

products.service.ts（上面 prodService 调用的 http）：

products.component.html:

上述应用的 store 和 query 组件与 stackblitz 相同。

我应该得到一个产品列表，比如 stackblitz 中的待办事项列表，但它在 HTML 中出错：

错误错误：找不到类型为“对象”的不同支持对象“[对象对象]”。NgFor 仅支持绑定到 Iterables，例如 Arrays。

为什么它可以在 stackblitz 上运行，但不能在我的应用程序中运行？

编辑：非工作代码的演示

在我的 Angular 8 应用程序中，我调用 Api 服务，然后将数据写入 Akita Entity Store 以用于后续请求。我通过使用 mergeMap 以同步方式发送请求来做到这一点。

我有一些额外的请求，我希望使用带有此函数的 forkJoin 以并发方式执行，但是，我发现 akita selectAll 函数的以下问题不会触发 onCompleted 函数/事件。它返回数据但 onCompleted 永远不会触发。使 Observable 处于不完整状态。

如果我删除对秋田实体商店的调用。我可以看到函数完成的对 getTeams Observable 的 Api 调用。我向秋田实体商店调用添加了调试代码，并看到 onCompleted 永远不会触发。我不知道为什么，但也许我做错了什么。

功能：

调用函数：

我应该看到以下结果：

但是，我只是得到

我想创建具有多个查询状态模型的单个商店。因此，无论我想在哪里选择特定的组件或服务，都可以从商店中选择特定的组件或服务。

秋田州管理是否可以做到这一点。

例如：

这样在组件中，如果我查询特定的 Query1 或 Query2 服务，就会得到相应的订阅。

学校组件：

员工组件：

任何人都建议我正确的方法来实现相同的目标。