在角度2中,element.replaceWith(element.children())的替代方法是什么

时间:2016-11-11 21:28:26

标签: angular

如何在角度2组件模板中创建可选包装器? 在角度1.X中,我使用了带链接功能的指令

......
var domElement=elem.children();
if(attr.myValue == "false"){
     elem.replaceWith(domElement)
}
.....

需要在组件模板中执行以下操作:

案例1:

<div my-value="true">
   <span>This is a span</span>
</div>

预期输出

<div my-value="true>
    <span>This is a span</span>
</div> 

案例2:

<div my-value="false">
     <span>This is a span</span>
</div> 

应输出:

<span>This is a span</span>

1 个答案:

答案 0 :(得分:0)

这就是我能做到的同样的行为

this.el.nativeElement.outerHTML = this.el.nativeElement.innerHTML;

我不确定这是否是最好的方法,但这有效。