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

Question

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

Answer 1

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

请注意，如果您尝试基于子项对父项进行条件样式设计，则可能需要查看EventEmitters和输出(请参阅此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;
     }
}

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