Angular 6 - @ViewChild Значение доступа к классу span nativeElement

Question

Я использую @ViewChild is Angular.

На моем app.component.html У меня есть:

<div #somename>Mark<span class="somethingelse">Hello something else</span></div>

И на моем приложении.component.ts

@ViewChild('somename') SomeName;

  constructor() {}

  getInputValue() {
 alert(this.SomeName.nativeElement('span').getElementByClassName('somethingelse').innerHTML);
  }

Это ничего не возвращает.

Мой вопрос: как мне настроить таргетинг на класс диапазона и получить его значение?

Answer 1

Ваш взгляд ребенка должен быть:

@ViewChild("somename") somename: ElementRef;

Тогда вы можете сделать:

this.somename.nativeElement.firstElementChild.innerHTML

Answer 2

<div>Mark<span class="somethingelse" #somename>Hello something else</span></div>

@ViewChild('somename') mySpan: ElementRef;
ngAfterViewInit() {
  console.log(this.mySpan.nativeElement.innerHTML);
}