BehaviorSubject删除异常：全选后单选致原始列表被删的解决方案求助

你遇到的问题根源是数组引用共享：

• 全选时this.selected$.next(this.original$.value)直接将original$的数组引用传给了selected$，两者指向内存中同一个数组。
• 后续在selectone里用_.remove修改selected$的数组时，实际是在修改原始数组，因为它们共享同一引用。
• 另外selectAll的else分支直接重新赋值selected$是错误的，会导致之前的订阅者失效，应该用next([])清空。

解决方案 #

1. 全选时创建原始数组的拷贝（浅拷贝适用于简单对象，深拷贝适用于嵌套对象），切断引用关联。
2. 清空选中列表时使用this.selected$.next([])而非重新创建BehaviorSubject。
3. 操作选中列表时，基于新数组修改，避免直接操作原引用数组。

修改后的TS代码 #

original$: BehaviorSubject<SomeObject[]> = new BehaviorSubject<SomeObject[]>([]);
selected$: BehaviorSubject<SomeObject[]> = new BehaviorSubject<SomeObject[]>([]);

selectAll(event) {        
    if(event.target.checked){
        // 浅拷贝原始数组，切断引用
        const originalCopy = [...this.original$.value];
        this.selected$.next(originalCopy);         
    } else {
        // 用next清空列表，保留原BehaviorSubject的订阅关系
        this.selected$.next([]);
    }    
}

selectone(event, obj) {
    // 基于当前选中列表创建新数组，避免直接修改原引用
    let list = [...this.selected$.value];
    if (event.target.checked) {
        list.push(obj);
    } else {          
        _.remove(list, x => x.id == obj.id);  
    }    
    this.selected$.next(list);
}

如果SomeObject是包含嵌套属性的复杂对象，需要用深拷贝（比如lodash的cloneDeep）：

// 全选时替换为深拷贝
const originalCopy = _.cloneDeep(this.original$.value);

可选优化：绑定单选框选中状态 #

让单选框的选中状态和selected$联动，确保状态同步：

<input id="select All" type="checkbox" (change)="selectAll($event)">

<tr *ngFor="let x of original$ | async; let index = index">                 
  <input 
    id="{{ index }}" 
    type="checkbox"  
    (change)="selectone($event, x)"
    [checked]="(selected$ | async)?.some(item => item.id === x.id)"
  />       
</tr>

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