Angular 2 directive bind
<p>I want to bind "ngFor" index in custom directive as attribute
What did I do wrong?</p>

<p>this code:</p>

<pre><code>@Directive({selector: '[closeWeb]'})
class CountClicks {
    numberOfClicks = 0;
    @HostListener('touchstart', ['$event.target'])
    touchstart(btn) {
        console.log(btn)
    }
}

@Component({
    selector: 'wrap',
    template: `
        &lt;div class="wrap"&gt;
            &lt;div class="item" *ngFor="#webviews of webviewsCount; #i = index"&gt;

                &lt;!-- I want to bind index in custom directive as attribute --&gt;
                &lt;div [closeWeb]="i"&gt;{{i}}&lt;/div&gt;

            &lt;/div&gt;
        &lt;/div&gt;
    `,
    directives: [CountClicks]
})

export class Wrap {}
</code></pre>

<p>And I get this error:</p>

<pre><code>EXCEPTION: Template parse errors:
Can't bind to 'closeWeb' since it isn't a known native property ("&lt;/div&gt;&lt;div [ERROR -&gt;][closeWeb]="i"&gt;{{i}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;"): Wrap@9:21
</code></pre>