使用父对象上的指令获取嵌套元素

<parent my-directive [toHide]="childRef">

 <child bottom right #childRef>
    <button>Some text </button>
 </child >

</parent >

my-directive 在父元素上,我想访问子元素并对其应用一些样式。

export class MyDirective {
  @Input("toHide") localRef;

  constructor(public element:ElementRef,public renderer:Renderer) {
    console.log('Hello MyDirective Directive');
  }

  ngAfterViewInit() {
    console.log("All Transtition set");
    console.log(this.localRef);
this.renderer.setElementStyle(this.localRef, 'webkitTransition', 'transform 500ms,top 500ms');
  }

正如你所见,我正在使用 this.renderer 设置元素的样式,但我得到以下结果。

ERROR Error: Uncaught (in promise): TypeError: el.style is undefined

我们感谢您在这方面提供的任何帮助。