如何通过@ContentChild获取innerhtml?

时间:2019-07-11 02:26:51

标签: angular

组件如下。

@Component({
  selector: 'ant-tab',
  templateUrl: './ant-tab.component.html',
  encapsulation:ViewEncapsulation.None,
  providers: [{
    provide: NG_VALUE_ACCESSOR,
    useExisting: AntTabComponent,
    multi: true
  }]
})

export class AntTabComponent implements OnInit, AfterContentInit {
  @ContentChild(xxxxxx) tabContent;

}

我将按以下方式使用它。

  <ant-tab label="Tab1" >Tab  content</ant-tab>

  <ant-tab label="Tab1" ><span>Tab  content<span></ant-tab>

内容可以是原始文本Tab content或类似<span>Tab content<span>的html

ContentChild的第一个参数是 选择器-用于查询的指令类型或名称。但是这里没有指令,我该如何获取<span>Tab content<span> ContentChild

谢谢。

0 个答案:

没有答案