Блог

Я использую мат-вкладку углового материала. Я пытаюсь программно изменить цвет фона.

 
<mat-tab-group #matTabGroup>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
</mat-tab-group>

 

Машинописный текст

 
export class CalendarThreeComponent implements OnInit{

 constructor(private renderer: Renderer2){}

 @ViewChild('tabGroup') tabGroup: MatTabGroup;

   ngOnInit() {
    setTimeout(() => {      
      let allTabs: QueryList<MatTab> = this.tabGroup._allTabs;

      let first:MatTab = allTabs.first;

      this.renderer.setStyle(
        first.content._attachedHost._host._elementRef.nativeElement,
        'backgroundColor',
        'green'
      );
    }, 5000);
  }
}

 

Но я получаю ошибку.