Angular无关联兄弟组件通过Service传值时未触发更新

• 组件2的订阅写法存在严重逻辑错误
  把Observable订阅逻辑塞在ngDoCheck钩子里，会在每一次Angular触发变更检测时都新建一个独立订阅，短时间内就会堆积大量无效订阅，不仅白白消耗内存，还会造成重复赋值的逻辑混乱。订阅动作本就应该在组件初始化阶段建立一次，完全不需要跟着变更检测反复执行。
• Service触发值变更的方式无法被响应系统识别
  原addColumn方法直接对BehaviorSubject持有的原数组做push修改，哪怕后续调用了next，推出去的还是同一个内存地址的数组引用，Angular的变更检测无法判定这是一次有效更新，自然不会刷新组件视图。
• 容易漏查的前提校验
  必须保证TableService是全局根作用域提供的，也就是加了@Injectable({ providedIn: 'root' })配置。如果把这个Service写在某一个组件的providers数组里，两个无关联组件拿到的会是完全独立的Service实例，数据根本无法跨组件同步。

组件1的现有addColumn调用逻辑本身没有问题，不需要做修改，只需要调整两处实现：

1. 调整Service的列添加逻辑，确保推送全新的数组引用

   addColumn(name: string): void {
       // 基于当前值解构生成全新数组实例，不直接修改原引用
       const newColumns = [...this.currentColumns.getValue(), name]
       this.currentColumns.next(newColumns)
   }
   

2. 调整组件2的订阅逻辑，规范订阅生命周期

   import { Subscription } from '@angular/core';
   
   columns: string[] = []
   // 统一管理所有订阅，避免内存泄漏
   private columnsSub = new Subscription()
   
   constructor(private tableService: TableService) {}
   
   ngOnInit() {
       // 组件初始化时建立一次订阅即可
       this.columnsSub.add(
           this.tableService.getColumns().subscribe(data => {
               this.columns = data
           })
       )
   }
   
   ngOnDestroy() {
       // 组件销毁时释放所有订阅
       this.columnsSub.unsubscribe()
   }
   

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