使用NGRX创建成功后关闭角度材质对话框，效果

import { createAction } from '@ngrx/store';

export const createMaterial = createAction('[Material] Create Material');

import { createReducer, on } from '@ngrx/store';
import { createMaterial } from './material.actions';

export interface MaterialState {
  isDialogOpen: boolean;
  // 其他材质相关的状态信息
}

export const initialState: MaterialState = {
  isDialogOpen: false,
  // 其他材质相关的初始状态
};

export const materialReducer = createReducer(
  initialState,
  on(createMaterial, (state) => ({
    ...state,
    isDialogOpen: false,
  })),
  // 其他材质相关的状态变化处理
);

import { Component, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
import { createMaterial } from './material.actions';

@Component({
  selector: 'app-material-dialog',
  templateUrl: './material-dialog.component.html',
  styleUrls: ['./material-dialog.component.css']
})
export class MaterialDialogComponent implements OnInit {
  // 其他组件相关的属性和方法

  constructor(private store: Store) { }

  ngOnInit() {
    // 订阅材质状态的变化
    this.store.select('material').subscribe((state) => {
      if (!state.isDialogOpen) {
        // 关闭对话框的逻辑
        this.closeDialog();
      }
    });
  }

  createMaterial() {
    // 分发"CreateMaterial"动作
    this.store.dispatch(createMaterial());
  }

  closeDialog() {
    // 关闭对话框的逻辑
  }
}