Javascript Angular2指令分配给模板

是否可以指定从指令查看

import {Directive} from 'angular2/core';

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

在组件的视图中

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

条形值应为'baz'：{{bar}。

我尝试过很多其他方法，比如结构指令（）

---

简而言之：我的指令应该为元素创建新的作用域（如angular 1.x）

这应该使用模板变量，如

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

条形图值应为'baz'：{{foo.bar}。

更新了plnkr，但运气不佳

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