在Angular2中包装模板的组件

时间:2016-07-06 15:19:20

标签: angularjs templates angular2-template angular2-directives

我想在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一起使用,但我不知道如何使用TemplateRefViewContainerRef扩展某种模板。

在消息来源中我发现了这个:

 this.viewContainer.createEmbeddedView(this.templateRef);

但是如何使用它来包装模板?

0 个答案:

没有答案