要实现Angular懒加载模块与带有NGXS子状态，可以按照以下步骤进行操作：

1. 创建一个懒加载模块：

   • 创建一个新的Angular模块，命名为lazy.module.ts。
   • 在该模块中，定义并导出一个组件，例如LazyComponent。
   • 在懒加载模块的路由配置中，指定LazyComponent作为路由的组件。

2. 在根应用模块中配置路由：

   • 打开根应用模块（通常是app.module.ts），导入RouterModule和Routes。
   • 在@NgModule装饰器中，导入RouterModule并调用RouterModule.forRoot函数。
   • 在RouterModule.forRoot函数中，定义一个路由配置数组，其中包含一个懒加载路由。 例如：{ path: 'lazy', loadChildren: () => import('./lazy.module').then(m => m.LazyModule) }。
   • 将路由配置数组作为参数传递给RouterModule.forRoot函数。

3. 创建一个NGXS子状态：

   • 创建一个新的NGXS状态模块，命名为lazy.state.ts。
   • 在该状态模块中，定义并导出一个子状态，例如LazyState。
   • 在LazyState中，定义和导出相关的action、selector和reducer。

4. 在懒加载模块中使用NGXS子状态：

   • 在懒加载模块（lazy.module.ts）中，导入NGXS模块（例如NgxsModule）和LazyState。
   • 在@NgModule装饰器中，使用NgxsModule.forFeature函数来引入LazyState。
   • 在LazyComponent中，导入Store（从@ngxs/store中）并注入到构造函数中。
   • 在LazyComponent中，使用store.dispatch函数来分派LazyState中定义的action。

这样，当访问懒加载模块的路由时，会懒加载加载懒加载模块，并在懒加载模块中使用NGXS子状态。

以下是一个简单的示例代码：

lazy.module.ts:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { LazyComponent } from './lazy.component';
import { NgxsModule } from '@ngxs/store';
import { LazyState } from './lazy.state';

@NgModule({
  declarations: [LazyComponent],
  imports: [
    CommonModule,
    RouterModule.forChild([
      { path: '', component: LazyComponent }
    ]),
    NgxsModule.forFeature([LazyState])
  ]
})
export class LazyModule { }

lazy.state.ts:

import { State, Action, StateContext } from '@ngxs/store';

export interface LazyStateModel {
  // Define your state properties here
}

@State({
  name: 'lazy',
  defaults: {
    // Initialize your state properties here
  }
})
export class LazyState {
  // Define your actions, selectors and reducers here
}

lazy.component.ts:

import { Component, OnInit } from '@angular/core';
import { Store } from '@ngxs/store';
import { YourAction } from './lazy.state';

@Component({
  selector: 'app-lazy',
  templateUrl: './lazy.component.html',
  styleUrls: ['./lazy.component.css']
})
export class LazyComponent implements OnInit {

  constructor(private store: Store) { }

  ngOnInit() {
    this.store.dispatch(new YourAction());
  }

}

请注意，以上示例代码只是一个简单的演示，你需要根据你的业务需求进行相应的修改和扩展。