如何在angular 8中循环iframe

在Angular 8中循环iframe，可以通过以下步骤实现：

1. 首先，在Angular项目中创建一个组件，用于包含iframe元素。可以使用Angular CLI命令ng generate component iframe-container来生成组件。
2. 在组件的HTML模板中，使用*ngFor指令来循环创建多个iframe元素。例如：

<div *ngFor="let url of iframeUrls">
  <iframe [src]="url"></iframe>
</div>

上述代码中，iframeUrls是一个数组，包含了需要循环展示的iframe的URL地址。

1. 在组件的TypeScript文件中，定义iframeUrls数组，并初始化为包含多个URL的数组。例如：

export class IframeContainerComponent implements OnInit {
  iframeUrls: string[] = [
    'https://example.com/iframe1',
    'https://example.com/iframe2',
    'https://example.com/iframe3'
  ];

  constructor() { }

  ngOnInit() {
  }
}

上述代码中，iframeUrls数组包含了三个示例URL，你可以根据实际需求修改或动态生成这个数组。

1. 在需要展示循环iframe的父组件中，使用<app-iframe-container></app-iframe-container>标签来引入刚刚创建的iframe组件。

通过以上步骤，你就可以在Angular 8中实现循环展示iframe的功能了。每个循环的iframe元素将根据iframeUrls数组中的URL地址进行展示。你可以根据实际需求修改URL地址数组，以展示不同的iframe内容。

注意：在实际开发中，为了保证安全性，建议对iframe的URL地址进行验证和过滤，以防止恶意代码注入或其他安全风险。