如何访问子组件中的父组件类

Question

我正在尝试使用css在子组件中设置父组件类的样式。如何在angular 2

中访问子组件中的父类

Answer 1

我相信如果您导入父组件的类并将其传递给子组件类的构造函数，则可以从子组件访问父组件。

请注意，如果您尝试根据您可能想要查看EventEmitters和Outputs的孩子对父级进行条件样式设置（请参阅此http://learnangular2.com/outputs）

Answer 2

您可以在任何课程中获得最接近您的子元素的类，并达到您所需的父元素/类

constructor(private el: ElementRef) {        
}

ngAfterViewInit{
     let parentElement=this.el.nativeElement.closest(".yourparentClassName")[0];
     console.log(parentElement);
     if(parentElement.length>0)
     {
         //apply your style here
         parentElement.style.width=200;
     }
}

注意：最近可能不适用于IE和Firefox，所以你必须在函数中编写逻辑，它会返回最接近你的元素。