Angular2指令分配给模板

阿鲁纳斯·斯玛利卡(ArūnasSmaliukas)

是否可以从指令分配视图?

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

简而言之:我的指令应为元素创建新的作用域(如在angular 1.x中)

贡特·佐赫鲍尔(GünterZöchbauer)

这应该使用模板变量如

@Directive({
  selector: '[foo]',
  exportAs: 'foo`
})
export class FooDirective {
   this.bar:string = "baz";
}
<div foo #foo="foo">
 bar value should be 'baz': {{foo.bar}}.
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

模板中Angular2指令的用法

Angular2指令:获取标签内容

Angular2指令:如何检测DOM更改

Angular2指令,构造函数与onInit

Angular2指令修改其HTML主机

更改时未呈现在组件模板中使用angular 2指令

如何使用Angular2指令注入DOM元素?

如何从@HostListener,angular2指令获取目标元素ID

Angular2指令中“输出属性”的目的是什么?

将Angular2指令添加到Netbeans IDE

无法在本机元素上绑定angular2指令

如何将类名称添加到Angular2指令

属性“ clientX”在“事件”类型上不存在。Angular2指令

在Angular2指令中进行字符串插值后获取内容

将订阅值分配给变量:Angular2

将2输入分配给指令

如何在Angular 2指令中使用templateUrl

Angular 2指令现在可以“扩展”吗?

如何获取我的Angular 2指令的实例的句柄?

Angular 2指令ng的Dart实现产生错误

angular2指令“无法读取未定义的属性” subscribe”,带有输出元数据

VueJS 2指令插入事件

Angular 2指令:如何在指令中创建echarts实例?

angular2类型'Subject <{}>'不能分配给类型'()=> Subject <number>'

Angular2错误:无法将类型“数字”分配给类型“ NumberConstructor”

将值分配给函数angular2中的内部变量

将angular2中的管道输出分配给变量

Angular2 获取 ERROR TypeError:无法分配给对象“#<HTMLInputElement>”的只读属性“list”

“数字”类型的参数不能分配给 angular2 中“字符串”类型的参数。