nativeElement跨度类的Angular 6-@ViewChild访问值

nativeElement跨度类的Angular 6-@ViewChild访问值,angular,typescript,angular6,Angular,Typescript,Angular6,我使用@ViewChild是有角度的 在我的app.component.html上,我有: <div #somename>Mark<span class="somethingelse">Hello something else</span></div> 这并没有归还任何东西 我的问题是如何定位span的类并获得它的值?MarkHello其他东西 <div>Mark<span class="somethingelse" #some

我使用@ViewChild是有角度的

在我的app.component.html上,我有:

<div #somename>Mark<span class="somethingelse">Hello something else</span></div>
这并没有归还任何东西

我的问题是如何定位span的类并获得它的值?

MarkHello其他东西
<div>Mark<span class="somethingelse" #somename>Hello something else</span></div>

@ViewChild('somename') mySpan: ElementRef;
ngAfterViewInit() {
  console.log(this.mySpan.nativeElement.innerHTML);
}
@ViewChild('somename')mySpan:ElementRef; ngAfterViewInit(){ log(this.mySpan.nativeElement.innerHTML); }
标记Hello还有别的吗
@ViewChild('somename')mySpan:ElementRef;
ngAfterViewInit(){
log(this.mySpan.nativeElement.innerHTML);
}

您的视图子项应该是:

@ViewChild("somename") somename: ElementRef;
然后你可以做:

this.somename.nativeElement.firstElementChild.innerHTML

您的视图子项应为:

@ViewChild("somename") somename: ElementRef;
然后你可以做:

this.somename.nativeElement.firstElementChild.innerHTML

我想这是返回了我需要的类名称,在该类的内部HTML中。将className替换为innerHTMLThat将返回我需要的类名,我猜是在该类中的innerHTML中。用innerHTML替换className,它将返回我需要的类名,在该span中的innerHTML中不需要。请看这里:这将返回我需要的类名称,在该span中的innerHTML中不需要。请看这里: