在NGRX中创建非记忆选择器的过程如下:
import { createSelector, createFeatureSelector } from '@ngrx/store';
// 在state中选择需要的数据
const selectFeature = createFeatureSelector<FeatureState>('feature');
export const selectData = createSelector(
selectFeature,
(state: FeatureState) => {
// 在这里进行实时计算
// 返回结果
}
);
import { Component, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
import { selectData } from 'path/to/your/selectors';
@Component({
selector: 'app-your-component',
template: `
<div>{{ data }}</div>
`,
})
export class YourComponent implements OnInit {
data: any;
constructor(private store: Store) {}
ngOnInit(): void {
this.store.select(selectData).subscribe((data) => {
this.data = data;
});
}
}
这样,你就创建了一个非记忆选择器。每次选择器被调用时都会重新计算结果,以实现实时计算的效果。
关于NGRX的更多信息,你可以访问腾讯云的产品文档:NGRX相关产品介绍。请注意,此链接为示例,实际上可能没有与NGRX直接相关的腾讯云产品。
领取专属 10元无门槛券
手把手带您无忧上云