angular - 有没有办法创建那些 HTML 模板替换自定义选择器的组件？

Question

我正在尝试自学 angular2。我试图构建组件“trigger-resize”，我想将其呈现为:

<a class="hidden-xs" href="">
    <em class="fa fa-navicon"></em>
</a>

而不是:

<trigger-resize>

   <a class="hidden-xs" href="">
      <em class="fa fa-navicon"></em>
   </a>
</trigger-resize>

(我不希望自定义选择器呈现)

在 angular 1 中。我知道它可以通过“replace:true”选项实现，但是在 angular2 中有可能实现吗？

亲切的问候

Answer 1

一种方法是使用属性

<a triggerResize class="hidden-xs" href=""></a>

它有一个类似的组件

@Component({
    selector : 'a[triggerResize]', //select all <a> tags with triggerResize attribute
    template : '<em class="fa fa-navicon"></em>'
})

CamelCase 属性现在是 angular2 中自定义属性的正确语法