将HTML标记用于Angular中的指令

时间:2018-06-21 15:36:27

标签: angular angular-directive

在Angular(2+)中,通常使用HTML标签将组件添加到模板中,并使用HTML属性添加指令:在两种情况下,这都是通过@ Component / @ Directive装饰器中的选择器参数实现的: / p>

<!-- component set up using-- selector: 'my-component' -->
<my-component></my-component>
<!-- directive set up using-- selector: '[myDirective]' -->
<div myDirective></div>

我测试了一下是否可以设置一个使用HTML标记而不是属性的指令,并且该指令似乎运行良好:

<!-- directive set up using-- selector: 'my-tag-directive' -->
<my-tag-directive></my-tag-directive>

我想知道Angular是否正式支持此功能。

1 个答案:

答案 0 :(得分:2)

是的,也可以加上标签。有关更多信息,请参见此文档

https://angular.io/api/core/Directive#selector