如何打开Dialog并传递BehaviorSubject中的数据？

当前代码里直接访问this.users$.length是无效的，因为users$是Observable流对象，而非流内存储的用户数据，需要先获取流的最新值才能判断长度、传递给弹窗，具体实现方案如下：

实现方式 #

方法1：直接读取BehaviorSubject的value属性（适合简单同步场景） #

BehaviorSubject本身自带value属性存储最新值，只需要将Observable类型断言为BehaviorSubject即可直接读取：

import { BehaviorSubject } from 'rxjs';

class Component {
  public users$: Observable<User[]>; // 注意如果是用户列表，类型应为 Observable<User[]> 而非 Observable<User>
  public move() {
    // 断言为BehaviorSubject类型读取最新值
    const users = (this.users$ as BehaviorSubject<User[]>).value;
    if(users?.length) {
      // 通过dialog的data参数传递用户数据
      this.dialog.open(DialogComponent, {
        data: {
          users: users
        }
      });
    }
  }
}

注意：定义BehaviorSubject时建议给初始值，避免读取到undefined：public users$ = new BehaviorSubject<User[]>([])

方法2：使用firstValueFrom异步获取（符合RxJS响应式规范） #

如果不想直接操作Subject内部属性，可以用RxJS提供的firstValueFrom获取流的第一个值（对于BehaviorSubject就是最新值）：

import { firstValueFrom } from 'rxjs';

class Component {
  public users$: Observable<User[]>;
  // 方法改为异步
  public async move() {
    const users = await firstValueFrom(this.users$);
    if(users?.length) {
      this.dialog.open(DialogComponent, {
        data: { users }
      });
    }
  }
}

方法3：配合async管道存本地快照（模板已使用users$时首选） #

如果你的模板中已经通过async管道订阅了users$，可以直接将流的值存在本地变量，不需要额外订阅或者读取Subject属性：
模板代码示例：

<ng-container *ngIf="users$ | async as currentUsers">
  <!-- 你的模板内容 -->
</ng-container>

组件代码：

class Component {
  public users$: Observable<User[]>;
  public currentUsers: User[]; // 存储流的最新快照

  public move() {
    if(this.currentUsers?.length) {
      this.dialog.open(DialogComponent, {
        data: { users: this.currentUsers }
      });
    }
  }
}

弹窗接收参数 #

在你的DialogComponent中注入MAT_DIALOG_DATA即可拿到传递的用户数据：

import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';

@Component({ /* 组件配置 */ })
export class DialogComponent {
  constructor(@Inject(MAT_DIALOG_DATA) public data: { users: User[] }) {
    // 直接通过 this.data.users 访问传递的用户数据
  }
}

内容的提问来源于stack exchange，提问作者user14480036