Angular 2: Verwenden Sie die Eingabeeigenschaft, um das Zielelement zu definieren

Question

Ich habe eine Tooltip-Komponente, die ich gerne eine input mit einer Elementreferenz akzeptieren würde, aber ich bin mir nicht sicher, wie man es verdrahtet.

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 

Ich glaube, ich habe @ViewChild zu verwenden, aber ich bin nicht sicher, wie mit einer Variablen zu implementieren.

Answer 1

Sie [style.top.xp]='top' verwenden können, einfach eine Zahl übergeben Sie als Eingabe wollen, oder berechnen sie irgendwie