Angular 角度对象数组调用

如果我得到接口：

export interface Banner {
html: string;
}

  banner = {} as Banner;

我将

字符串
保存到其中，如下所示：

  this.banner.html = xmlDoc.documentElement.innerHTML;

console.log（this.banner.html）
提供不同的字符串

然后我想调用这些不同的字符串并将它们放入iframe。

console.log("showing only one html string :", elem.nativeElement.src.toString()) 

export interface Banner {
    html: string;
    }

      banner = {} as Banner;
      this.banner.html = xmlDoc.documentElement.innerHTML;
      console.log(this.banner.html) 

我正在尝试使用
ViewChildren
和
查询
：

  @ViewChildren('html') htmls: QueryList<ElementRef>;

 this.htmls.map((elem, index) => {
       elem.nativeElement.src = 'data:text/html,' + encodeURIComponent(this.navSrv.banner.html);
     });

如何获取所有不同的字符串并将它们全部放入
iFrame
，而不是最后一个

编辑并提供更多解释：

NavService.ts:

console.log("showing only one html string :", elem.nativeElement.src.toString()) 

export interface Banner {
    html: string;
    }

      banner = {} as Banner;
      this.banner.html = xmlDoc.documentElement.innerHTML;
      console.log(this.banner.html) 

输出正常，我得到如下所有字符串：

console.log("showing only one html string :", elem.nativeElement.src.toString()) 

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) 

输出：

console.log("showing only one html string :", elem.nativeElement.src.toString()) 

export interface Banner {
    html: string;
    }

      banner = {} as Banner;
      this.banner.html = xmlDoc.documentElement.innerHTML;
      console.log(this.banner.html) 

最后一个html:value，只有1个输出


在用：

console.log("showing only one html string :", elem.nativeElement.src.toString()) 

export interface Banner {
    html: string;
    }

      banner = {} as Banner;
      this.banner.html = xmlDoc.documentElement.innerHTML;
      console.log(this.banner.html) 

html:value

html:value

html:值，N次

组件中：

console.log("showing only one html string :", elem.nativeElement.src.toString()) 

export interface Banner {
    html: string;
    }

      banner = {} as Banner;
      this.banner.html = xmlDoc.documentElement.innerHTML;
      console.log(this.banner.html) 

html:value

html:value

html:value，this.navSrv.banner.html的输出是什么？如果我在我的服务中使用this.banner.html，输出是正常的：它显示所有不同的字符串。如果我在我的组件中使用this.navSrv.banner.html，它只显示最后一个。我不明白你的意思，你是说
this.navSrv.banner.html
是字符串，那么在组件中是最后一个字符串吗？为什么它是最后一个字符串？你能在这里发布
this.navSrv.banner.html的输出吗。我试着解释一下，似乎您发布的是一个字符串数组，而不是单个字符串，最好发布
this.navSrv.banner.html
控制台日志的图片以进行澄清