angular - 如何使用 angular 2 和仅 javascript 访问指令中的当前元素

Question

我在 angular 2 中使用 Javascript。

在指令中，我需要访问当前元素以操作 DOM。

请注意，我不能使用标签 (#element) 的技巧，因为我会有很多这样的元素。每个人都会有我的指示。

HTML

<p [focus]="p1.focus"></p>
<p [focus]="p2.focus"></p>
<!-- ... -->

Javascript

(function (app) {

app.Focus =
ng.core.Directive({
    selector: "[focus]",
    inputs: ['focus'],
}).Class({
    constructor: function() {
        // how get access to the current element here
    }
})
})(window.app || (window.app = {}));

你知道我该怎么做吗？

不幸的是，官方文档对javascript的描述不是很清楚

Answer 1

我不知道如何用 javascript 编写此代码，但如果此 typescript 代码可以帮助您。

 import { Component, ElementRef,Renderer } from '@angular/core';


 @Directive({
    selector: "[focus]",
    inputs: ['focus'],
     host: {
    '(click)':'click()',   
   },   
})

export class myDirective{
    constructor(private el:ElementRef) {
       console.log(el)//<-----------current element
    }
    click(){
       console.log(this.el) //<------------current element
    }
}