在Angular中,可以使用@Input装饰器将对象数组从一个组件的模板传递到另一个组件。@Input装饰器用于定义一个输入属性,允许父组件向子组件传递数据。
首先,在接收数据的子组件中,需要在类的属性上使用@Input装饰器来定义一个输入属性。例如:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-child',
template: `
<div *ngFor="let item of items">
{{ item }}
</div>
`,
})
export class ChildComponent {
@Input() items: any[];
}
在父组件的模板中,可以使用属性绑定语法将数据传递给子组件。例如:
<app-child [items]="objectArray"></app-child>
其中,objectArray
是父组件中的一个属性,它是一个对象数组。通过属性绑定将其传递给子组件的items
输入属性。
在上述示例中,子组件的模板使用*ngFor
指令来遍历接收到的对象数组,并显示每个对象的内容。
关于Angular的更多信息和示例,可以参考腾讯云的相关文档和教程:
领取专属 10元无门槛券
手把手带您无忧上云