时间戳

首页 > 解决方案 > 使用 ng-template 清空原生元素

javascript - 使用 ng-template 清空原生元素

问题描述

我使用 Angular 5。

在我的component我有：

@ContentChild('contentTemplate') contentTemplate: TemplateRef<any>;

我的html：

<data-grid-column>
  <ng-template #contentTemplate>
    <span class="elo">Hello</span>
  </ng-template>
</data-grid-column>

我正在尝试查看：

ngAfterViewChecked () {
  console.log(this.contentTemplate.elementRef.nativeElement);
}

但输出是：

<!---->

怎么了？

标签： javascriptangulartypescript

解决方案

我希望它会奏效。

<ng-container #contentTemplate><span class="elo">Hello</span></ng-container>

推荐阅读