我想在Angular2中创建指令(或组件),它使用<div>
我有模板:
<table [wrapDirective] class="table" border="1" >
<!-- some content -->
</table>
我想得到一些想法:
<div class="wrap-directive" >
<table class="table" border="1" >
<!-- some content -->
</table>
</div>
所以在angular1中它会是这样的
angular.element(element).replaceWith('<div>' + element + '</div>');
我可以使用模板中使用的@Component但<ng-content>
正在渲染
<div class="wrap-directive" >
<!-- some content -->
</div>
没有table
标记。
另一个想法是将@Directive与星号*
符号*ngIf
一起使用,但我不知道如何使用TemplateRef
或ViewContainerRef
扩展某种模板。
在消息来源中我发现了这个:
this.viewContainer.createEmbeddedView(this.templateRef);
但是如何使用它来包装模板?