在Angular 8中,ngrx store是一个状态管理库,用于管理应用程序的状态。在没有订阅回调的情况下获取缩减器值,可以通过使用ngrx store提供的select函数来实现。
首先,确保已经安装了ngrx/store和@ngrx/store-devtools依赖包。然后,在你的组件中引入相关的ngrx函数和操作符:
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
接下来,在组件的构造函数中注入Store服务:
constructor(private store: Store<any>) { }
然后,你可以使用select函数来选择你感兴趣的状态片段,并将其存储在一个Observable对象中:
value$: Observable<any>;
ngOnInit() {
this.value$ = this.store.pipe(select('yourReducerName')).pipe(
map((state: any) => state.yourValue)
);
}
在上面的代码中,'yourReducerName'是你在ngrx store中注册的缩减器名称,'yourValue'是你想要获取的状态值。
最后,在模板中使用async管道来订阅并获取缩减器值:
<div>{{ value$ | async }}</div>
这样,当缩减器的值发生变化时,模板中的值也会自动更新。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,建议你参考腾讯云的文档和官方网站,查找与Angular 8开发相关的云计算产品和解决方案。
领取专属 10元无门槛券
手把手带您无忧上云