How get acces to the current element in a directive with angular 2 and only javascript
<p>I am in angular 2 with Javascript. </p>

<p>In a directive, I need to access the current element in order to manipulate the DOM.</p>

<p>Notice that I cannot use the trick with the hashtag (<code>#element</code>)  because I will have a lot of elements like this. Each one will have my directive.</p>

<p>Html</p>

<pre><code>&lt;p [focus]="p1.focus"&gt;&lt;/p&gt;
&lt;p [focus]="p2.focus"&gt;&lt;/p&gt;
&lt;!-- ... --&gt;
</code></pre>

<p>Javascript</p>

<pre><code>(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 = {}));
</code></pre>

<p>Do you know how I can do it ?</p>

<p>Unfortunately, official documentation is not very clear for javascript</p>