Question

我正在使用@ViewChild是Angular。

在我的 app.component.html 上，我有：

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

在我的 app.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);
}

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

2 个答案: