TS2339：“行为主题”类型上不存在属性“排序”

Question

I am looking to create a dynamic table using angular material where i can add/remove data dynamically. Being very new to Angular , i have referred follwing stackblitz to create the table.

https://stackblitz.com/edit/angular-material-editable-table-fazhbc

While all my changes work - i am not able to sort the data at

 ngAfterViewInit() {
    this.dataSource.sort = this.matSort;
  }

The error i get TS2339: Property 'sort' does not exist on type 'BehaviorSubject<AbstractControl[]

is the sorting isn't supported like in material table data source or am i missing something ?

Answer 1

您需要使用value或getValue()从 BehaviorSubject 获取当前值，并按如下方式对其进行排序： this.dataSource.value.sort(this.matSort) 。

Answer 2

由于 BehaviorSubject 返回 observable 因此首先订阅该数据然后应用排序功能

Answer 3

You can think of this as a news reporter talking on TV and giving latest updates to all similarly Behaviour Subject pass latest data.

Add one service as myService and add following code public myData: BehaviorSubject = new BehaviorSubject([]); updateData(data): void { this.myData.next(data); }

then call updateDatafrom where you want to send data to others. this.myService.updateData("Test"); You can pass any type of data here like object,array etc. Then on other component where you want this data write following code this.myService.myData.subscribe((data) => { console.log(data); }); You will get data. You can write above in any component where you want data.