Question

我有一个工具提示组件，我希望接受带有元素参考的input，但我不知道如何连接它。

import {AfterViewInit, Component, Input, ViewChild} from '@angular/core';

@Component({
  selector: 'tooltip',
  templateUrl: 'tooltip.html'
})
export class TooltipComponent {

  @Input() el: string;

  target_el: any;

  constructor() {
     // do something with `el`
  }
}

// View
<tooltip [el]="'#a'">Hello</tooltip>
<button #a>I'm a button</button

我想我必须使用@ViewChild，但我不确定如何使用变量实现。

Answer 1

您可以使用[style.top.xp]='top'，只需传递您想要的数字作为输入，或以某种方式计算

Angular 2：使用input属性定义目标元素

1 个答案: