如果我有界面：
export interface Banner {
html: string;
}
banner = {} as Banner;
我将strings保存到其中：
this.banner.html = xmlDoc.documentElement.innerHTML;
console.log(this.banner.html)提供不同的字符串。
然后我想调用这些不同的字符串并将它们放入iframe。
我正在尝试使用ViewChildren和querying：
@ViewChildren('html') htmls: QueryList<ElementRef>;
this.htmls.map((elem, index) => {
elem.nativeElement.src = 'data:text/html,' + encodeURIComponent(this.navSrv.banner.html);
});
然后我只得到最后一个字符串而不是所有字符串：
console.log("showing only one html string :", elem.nativeElement.src.toString())
如何获取所有不同的字符串并将它们全部放入iframes，而不是最后一个？
使用更多解释进行编辑：
NavService.ts：
export interface Banner {
html: string;
}
banner = {} as Banner;
this.banner.html = xmlDoc.documentElement.innerHTML;
console.log(this.banner.html)
输出正常，我得到这样的所有字符串：
html：value，html：value ..... x n。
Components.ts：
console.log(this.navSrv.banner.html)
输出
最后一个html：值，只有1个输出。
在服务中：
html：value，
html：value，
html：值，N次......
在组件中：
html：value，
html：value，
html：value，＆lt; ---只是最后一个。