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

Question

我正在努力教自己angular2.我试图构建组件"触发器调整大小",我想渲染为:

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

(我不希望自定义选择器渲染)

在角度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中自定义属性的正确语法