Angular 6 - @ViewChild nativeElement span class的访问值

Mar*_*018 1 typescript angular angular6

我正在使用@ViewChild是Angular.

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

<div #somename>Mark<span class="somethingelse">Hello something else</span></div>
Run Code Online (Sandbox Code Playgroud)

在我的app.component.ts上

@ViewChild('somename') SomeName;

  constructor() {}

  getInputValue() {
 alert(this.SomeName.nativeElement('span').getElementByClassName('somethingelse').innerHTML);
  }
Run Code Online (Sandbox Code Playgroud)

这不会返回任何东西.

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

Dav*_*sta 9

您的观点应该是:

@ViewChild("somename") somename: ElementRef;
Run Code Online (Sandbox Code Playgroud)

然后你可以这样做:

this.somename.nativeElement.firstElementChild.innerHTML
Run Code Online (Sandbox Code Playgroud)