Angular Material选项卡组未使用Angular Services在前端HTML中更新

Question

我有两个名为Sibling1Component和Sibling2Component的组件。 具有“面包屑”的Sibling1Component，单击“面包屑”值时，我需要更改“ Sibling2Component材料组”。 在服务的帮助下，我试图更改Sibling2Component Mat Group的值，但是它不起作用。

  

Sibling2Component HTML

<mat-tab-group mat-stretch-tabs [selectedIndex]="tabGroup">
  <mat-tab style="font-size:14px;" label="All"></mat-tab>
  <mat-tab style="font-size:14px;"  label="Real Time"></mat-tab>
  <mat-tab class="freq" label="Daily"></mat-tab>                 
</mat-tab-group>

  

Siblin2Component.ts

constructor(private _sharedService: ProcessService) {    
  this._sharedService.selectedTabAll.subscribe((value)=> {
    this.selectTab(value);           
  });
}

selectTab(index: number) {    
  this.tabGroup = index;    
}

  

Sibling1Component.ts

public onBreadCrumbChangeProcess() {    
  this._sharedService.setSelectedTabAll(0);
}

  

ProcessService.ts

@Injectable({providedIn: 'root'})
export class ProcessService {

  public static isSelectedTabAll = new BehaviorSubject<any>(null);
  selectedTabAll = ProcessService.isSelectedTabAll.asObservable();

  public setSelectedTabAll(flag: any) {
    ProcessService.isSelectedTabAll.next(flag);
  }

}

我想从Sibling1Component调用Sibling2Component2吗？