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

我正在努力教自己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>

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

在角度1.我知道它将通过“replace：true”选项实现,但是有可能在angular2中实现它吗？

亲切的问候

一种方法是使用属性

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

原文地址：https://www.jb51.cc/angularjs/142496.html