Angular 2获取函数的元素ref

Question

我可以从ElementRef获取doWidth()吗？

<div [style.left.px]="doWidth(maybeThisElementRef)">
</div>

而不是将div变成组件？

Answer 1

只需使用模板引用变量，如：

<div #el [style.left.px]="doWidth(el)">

另见

• What is #auto attribute here and why it is required

Answer 2

除了yurzui的回答，您还可以在组件中引用它：

<div #el [style.left.px]="doWidth()">


  import { ViewChild } from '@angular/core';
  ....
  @ViewChild('el') private el;
  ...
  doWidth(){
    this.el.value="blabla" //or something else 
  }