Angular2 reverseディレクティブルックアップ

Question

DOMエレメントへの参照に基づいてのみディレクティブインスタンスをルックアップする方法はありますか？

Angular1.xでは、JQLite's "Controller" functionを使用すると、コントローラが実際に返された（オプションの型引数に基づいてさえも）ような動作が可能です。

具体的には、私はdocument.elementFromPoint()を使用して、その位置で要素を識別することができるようにしたいと指令インスタンス先のを取得し、これが属している...

種類は、あなたが使用することができます

Answer 1

についてデフォルトでは@ViewChild()

<my-comp #someRef someDirective></my-comp> 

... 
export class MyComponent { 
    @ViewChild('someRef', {read: SomeDirective}) someRef:SomeDirective; 

    ngAfterViewInit() { 
    console.log(this.someRef); 
    } 
} 

@ViewChild()プレーンHTMLタグまたはコンポーネントのコンポーネントインスタンスのElementRefを返します。 {read: SomeType}を使用すると、返品する商品を@ViewChild()から指定できます。

あなたはありがとうございました、また

@Directive({ 
    selector: 'my-dir', 
    ... 
    exportAs: 'myDirective' 
}) 
class MyDirective { 
} 

ようexportAsを使用して、

<my-comp my-dir #someRef="myDirective"> 

のようにそれを使用して、

@ViewChild('someRef') someRef:MyDirective;