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

如何在NGRX中创建非记忆选择器。不想要以前的数据

在NGRX中创建非记忆选择器的过程如下:

  1. 非记忆选择器是指在每次选择器被调用时都会重新计算结果,而不是基于缓存的结果。这种选择器适用于需要实时计算的场景。
  2. 首先,确保你已经安装并导入了必要的NGRX模块,包括@ngrx/store和reselect。
  3. 创建一个新的选择器函数,使用createSelector函数从state中选择所需的数据。非记忆选择器的关键在于选择器函数中不要使用任何缓存的数据。
代码语言:txt
复制
import { createSelector, createFeatureSelector } from '@ngrx/store';

// 在state中选择需要的数据
const selectFeature = createFeatureSelector<FeatureState>('feature');
export const selectData = createSelector(
  selectFeature,
  (state: FeatureState) => {
    // 在这里进行实时计算
    // 返回结果
  }
);
  1. 在组件中使用该选择器,可以通过在NgOnInit函数中订阅选择器的结果。
代码语言:txt
复制
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;
    });
  }
}
  1. 在上述示例中,每当选择器订阅时,它都会重新计算结果并将结果赋值给组件中的data变量。

这样,你就创建了一个非记忆选择器。每次选择器被调用时都会重新计算结果,以实现实时计算的效果。

关于NGRX的更多信息,你可以访问腾讯云的产品文档:NGRX相关产品介绍。请注意,此链接为示例,实际上可能没有与NGRX直接相关的腾讯云产品。

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

相关·内容

没有搜到相关的视频

领券