NgRx效果只执行一次

import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { map } from 'rxjs/operators';

@Injectable()
export class MyEffect {
  myEffect$ = createEffect(() =>
    this.actions$.pipe(
      ofType('MY_ACTION_TYPE'), // 替换为实际的动作类型
      map(() => {
        // 执行只执行一次的操作
        return { type: 'ANOTHER_ACTION_TYPE' }; // 替换为实际的动作类型
      })
    )
  );

  constructor(private actions$: Actions) {}
}

import { NgModule } from '@angular/core';
import { EffectsModule } from '@ngrx/effects';
import { MyEffect } from './my-effect';

@NgModule({
  imports: [
    EffectsModule.forRoot([MyEffect])
  ]
})
export class AppModule { }

import { Component } from '@angular/core';
import { Store } from '@ngrx/store';

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="dispatchMyAction()">触发效果</button>
  `
})
export class MyComponent {
  constructor(private store: Store) {}

  dispatchMyAction() {
    this.store.dispatch({ type: 'MY_ACTION_TYPE' }); // 替换为实际的动作类型
  }
}