当前位置: 首页 > Web前端 > HTML5

使用 Angular 14 的 inject 函数优化对 Ngrx 的使用方式

时间:2023-04-05 18:25:13 HTML5

使用Angular14的注入功能来优化库的NgrxStoreAPI的使用——一个合乎逻辑的措施是通过门面服务的思想将此逻辑提取到服务中,以保护组件免受库弃用或破坏性更改。在Angular14之前,我们可以重构上面的代码,将Store相关的操作封装到一个门面服务中:虽然重构后代码行数增加了,但这种设计可以自如地处理breakingchanges。因为我们现在只需要在一个地方管理代码,即EntityFacade,而不是重构任何以前在Component中使用Store的地方。现在让我们看看inject()方法。有一种观点认为使用闭包需要将返回的函数存放在Component的属性中,增加了Component的复杂度,最好还是使用构造函数注入和服务。是使用inject还是传统的constructor注入方式取决于团队制定的编程规范。