首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 8 ngrx store如何在没有订阅回调的情况下获取缩减器值?

在Angular 8中,ngrx store是一个状态管理库,用于管理应用程序的状态。在没有订阅回调的情况下获取缩减器值,可以通过使用ngrx store提供的select函数来实现。

首先,确保已经安装了ngrx/store和@ngrx/store-devtools依赖包。然后,在你的组件中引入相关的ngrx函数和操作符:

代码语言:txt
复制
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

接下来,在组件的构造函数中注入Store服务:

代码语言:txt
复制
constructor(private store: Store<any>) { }

然后,你可以使用select函数来选择你感兴趣的状态片段,并将其存储在一个Observable对象中:

代码语言:txt
复制
value$: Observable<any>;

ngOnInit() {
  this.value$ = this.store.pipe(select('yourReducerName')).pipe(
    map((state: any) => state.yourValue)
  );
}

在上面的代码中,'yourReducerName'是你在ngrx store中注册的缩减器名称,'yourValue'是你想要获取的状态值。

最后,在模板中使用async管道来订阅并获取缩减器值:

代码语言:txt
复制
<div>{{ value$ | async }}</div>

这样,当缩减器的值发生变化时,模板中的值也会自动更新。

对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,建议你参考腾讯云的文档和官方网站,查找与Angular 8开发相关的云计算产品和解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券