Angular2指令分配给模板

Question

是否可以从指令分配到视图？

import {Directive} from 'angular2/core';

@Directive({
  selector: '[foo]'
})
export class FooDirective {
   this.bar:string = "baz";
}

在组件的视图中

<div foo>
 bar value should be 'baz': {{bar}}.
</div>

http://plnkr.co/edit/To6hj9CJi1caz2pSF0RP?p=preview

我尝试了许多其他方法，例如结构指令（https://angular.io/docs/ts/latest/guide/structural-directives.html）

简而言之：我的指令应该为元素创建新的范围（比如在角度1.x中）

Answer 1

这应该使用像

这样的模板变量

@Directive({
  selector: '[foo]',
  exportAs: 'foo`
})
export class FooDirective {
   this.bar:string = "baz";
}

<div foo #foo="foo">
 bar value should be 'baz': {{foo.bar}}.
</div>