javascript - Angular2 指令分配给模板

Question

是否可以从指令分配给 View ？

import {Directive} from 'angular2/core';

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

在组件的 View 中

<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 )

简而言之:我的指令应该为元素创建新的范围(就像在 angular 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>