同级组件不会在更改时更新

Question

我有两个不相关的 angular 组件。 我正在尝试使用服务传递数据。 由于某种原因，组件没有更新。

组件 1：

...
constructor(private tableService: TableService) {}

addColumn(name: string): void {
    this.tableService.addColumn(name)
}
...

组件 2：

columns = []

constructor(private tableService: TableService) {}

ngDoCheck(){
    this.tableService.getColumns().subscribe(data => {
         this.columns = data
     })
}

服务：

...
currentColumns = new BehaviorSubject([
    'status',
    'picture'
])

getColumns(): Observable<string[]> {
    return this.currentColumns.asObservable()
}


addColumn(name: string): void {
    const currentColumns = this.currentColumns.getValue()
    currentColumns.push(name)
    this.currentColumns.next(currentColumns)
}

Answer 1

尝试在ngOnInit方法而不是ngDoCheck中订阅您的方法。

Answer 2

没有什么作为 ngDoCheck，你需要使用 ngOnInit 或 ngOnChanges。 创建了一个示例供您参考https://stackblitz.com/edit/angular-ah4nhs