Группа вкладок Angular Material не обновляется в интерфейсе HTML с помощью Angular Services - PullRequest
Новая
       12

Группа вкладок Angular Material не обновляется в интерфейсе HTML с помощью Angular Services

1 голос
/ 21 марта 2019

У меня есть два имени компонента, называемые Sibling1Component и Sibling2Component. Sibling1Component, имеющий BreadCrumbs, и при нажатии на значение BreadCrumb мне нужно изменить группу материалов Sibling2Component. С помощью службы я пытаюсь изменить значения группы матов Sibling2Component, но она не работает.

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);
  }

}

Что-то, что я пропустил, чтобы позвонить Sibling2Component2 из Sibling1Component?

...