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

Question

I am trying to style parent component class in child component using css . How to access parent class in the child component in angular 2

Answer 1

I believe if you import the class for the parent component and pass it into the constructor of the child components class you can access the parent from the child.

Mind you if you're trying to do conditional styling of the parent based on the child you may want to look at EventEmitters and Outputs (see this http://learnangular2.com/outputs )

Answer 2

You can get closest classof your child element any class and reach to your required parent element/class

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

Note: closest may not work for IE and Firefox, so you have to write logic in function where it return you closest element.