问题标签 [akita]

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 投票
2 回答
288 浏览

typescript - 在 Redux 存储中保持用户界面状态的好处?

NGRX官方演示应用程序在商店中保持布局状态。

这篇秋田文章还保留searchTerm了秋田等的状态EntityStore<Book>

只是好奇将用户界面状态保留在商店中是否还有其他好处,而不仅仅是在 UI 组件中?

0 投票
2 回答
2312 浏览

angular - 在 BehaviorSubject 值 === false 时延迟可观察流

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

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

然后在组件中显示它们,如下所示:

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

视图没有更新。

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

0 投票
1 回答
231 浏览

angular - mat-autocomplete 始终显示与 Akita 相同的名称

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

例子

数据库

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

这是我的代码:

助手-page.component.html

助手-page.component.ts

国籍.service.ts

国籍-data.service.ts

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

在此先感谢您的帮助

0 投票
1 回答
314 浏览

javascript - 架构程序以便 Angular 不会在每次将更新推送到商店时重新渲染 MediaStream 组件?

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

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

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

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

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

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

消息存储:

连接存储:

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

0 投票
1 回答
213 浏览

angular - 试图找出一种干净的方法来使用 observables 对每个数组项执行操作

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

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

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

0 投票
1 回答
124 浏览

angular-akita - 秋田 3 更新:“删除 noop - 使用 of() observable。” 做了什么意思?

在秋田我可以

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

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

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

0 投票
1 回答
916 浏览

angular-akita - 如何将多个模型查询存储到单个状态存储状态管理

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

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

例如:

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

学校组件

员工组件

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

0 投票
0 回答
251 浏览

javascript - 嗨,我发现使用 angular akita 在本地运行我的代码有困难

我已经安装了angular-akita。我已将npm更新到最新版本。我也有最新的打字稿。

请帮忙。

ng-serve --o

下面是我的 package.json :

0 投票
2 回答
637 浏览

angular - Akita 和 Angular 错误:StaticInjector 和 NullInjector 存储、查询

我在 Angular 项目上的秋田状态管理实施中遇到了错误。我将提供一个简短的答案,以便像我这样的人可以解决这个问题。

在秋田文档和示例中对此没有明确的理解。

我收到错误:StaticInjectorError(Platform: core)[ItemsService -> ItemsStore]: NullInjectorError: No provider for ItemsStore!

它应该工作

0 投票
1 回答
149 浏览

angular - 秋田角 selectQuery 捕获 404

我正在研究 NgRx 的替代方案。到目前为止,Akita 是一个不错的选择,但我正在努力处理错误。有时我希望错误出现在应用程序范围内,有时我希望它由组件管理。在下面的示例中,我启动了一个 404 错误,我希望我的组件能够意识到这一点并采取相应的行动,但我不知道该怎么做。你能帮我吗 ?

DummyService(秋田):

零件 :

我可以像这样处理错误:

但是当我这样做时,akita redux 对象保持在“加载”状态 = true