ajax调用和html渲染后的角度访问数据

Question

嗨，我想弄清楚这一点，但还没有这样做。非常感谢所有帮助。

我的组件中有一个元素：

 <div [innerHtml]="reportData" class="widget" #reportDisplayHost></div>

然后我有一个ajax调用，返回一个字符串我绑定返回字符串，如下所示：

this.reportData = this.sanitizer.bypassSecurityTrustHtml(response);

一旦html数据被渲染，我想访问一些嵌套元素，如下所示：

@ViewChild('reportDisplayHost') reportDisplayHost: ElementRef<any>;
console.log(this.reportDisplayHost.nativeElement.querySelector('chart'));

当我尝试这样做时，我得到一个null，但我看到页面上的元素。

<chart exportenabled="1" showalternatehgridcolor="0" basefontsize="11" basefont="Roboto" showborder="0" bgcolor="#ffffff" showshadow="0" use3dlighting="0" legendshadow="0" legendbordercolor="ffffff" showlegend="1" useplotgradientcolor="0" showplotborder="0" showcanvasborder="0" palettecolors="26478d" useroundedges="0" labeldisplay="Rotate" slantlabels="1" yaxismaxvalue="100" yaxisminvalue="0" showvalues="1" yaxisname="Score" xaxisname="Month" caption="Quarterly Score Trends">

<set name="APR-JUN" value="4">&nbsp;</set>
<set name="JUL-SEP" value="7">&nbsp;</set>
<set name="OCT-DEC" value="3">&nbsp;</set>                                                                                                                           
<set name="JAN-MAR" value="3">&nbsp;</set>   
</chart>

我怎样才能做到这一点？

提前致谢！