Я читаю меню вкладок через директиву и событие.Я получаю правильный индекс и, скорее всего, правильный элемент.Теперь я хотел бы оживить ElementRef, чтобы иметь возможность его анимировать, но я не могу его найти.Это не templateRef и не origin.Может кто-нибудь сказать мне, как найти текущий элемент и как его исправить, когда я меняю вкладку?
Приведенный ниже код представляет собой простой пример изменения цвета, чтобы увидеть, есть ли у меня правильный элемент;Моя последняя цель - иметь возможность анимировать контент с помощью постепенного исчезновения контента 1 и постепенного исчезновения контента 2 в анимации.
@HostListener('selectedTabChange', ['$event']) selectedTabChange(event: MatTabChangeEvent) {
console.log('Change Tab', event);
this.renderer.setStyle(event.tab.content.templateRef.elementRef.nativeElement, 'background-color', 'red');
}