在Angular中，可以使用包装组件（wrapper component）来迭代子组件。下面是一个示例代码，演示了如何使用包装组件来迭代子组件：

首先，创建一个包装组件（WrapperComponent），用于包装子组件的迭代。在这个组件中，我们利用@Input装饰器接收子组件的数据，并使用ngFor指令来循环渲染子组件。

wrapper.component.html:

wrapper.component.ts:

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-wrapper',
  templateUrl: './wrapper.component.html',
  styleUrls: ['./wrapper.component.css']
})
export class WrapperComponent {
  @Input() items: any[];
}

接下来，创建一个子组件（ChildComponent），用于接收并展示数据。

child.component.html:

{{ data }}

child.component.ts:

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent {
  @Input() data: any;
}

最后，在父组件中使用包装组件来迭代子组件。假设我们有一个items数组，包含了要展示的子组件的数据。

parent.component.html:

parent.component.ts:

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  items = ['Item 1', 'Item 2', 'Item 3'];
}

通过以上代码，我们成功创建了一个包装组件来迭代子组件，并将父组件中的数据传递给子组件进行展示。