Angular2-让ngFor将#项传递给构造的实例
假设我有以下形式的数据对象列表:Angular2-让ngFor将#项传递给构造的实例,angular,Angular,假设我有以下形式的数据对象列表: my_list = [ {name:Alice, age:23}, {name:Bill, age:33}, {name:Clara, age:43} ]; 我使用ngFor创建一组基于阵列的自定义组件: <person-widget *ngFor="#item of my_list"></person-widget> 我希望通过将item参数作为ngFor的一部分传递到实例中,或者通过以某种方式赋予实例对
my_list = [
{name:Alice, age:23},
{name:Bill, age:33},
{name:Clara, age:43}
];
我使用ngFor
创建一组基于阵列的自定义组件:
<person-widget *ngFor="#item of my_list"></person-widget>
我希望通过将item
参数作为ngFor
的一部分传递到实例中,或者通过以某种方式赋予实例对原始数据的访问权,使每个创建的PersonWidget
实例能够访问生成它的列表项的属性
基本上,在每个PersonWidget
类中,我希望能够使用my_data\u object.name
并获得Alice
或Bob
或Clara
的值
有没有关于如何做到这一点的建议,或者有没有更好、更“有角度”的方法
谢谢大家:)您可以使用
个人小部件的参数
组件:
<person-widget *ngFor="#item of my_list" [item]="item"></person-widget>
@Component({
selector: 'person-widget',
template: `
<div>{{item.name}}</div>
`
})
export class PersonWidgetComponent {
@Input()
item: any;
ngOnInit() {
console.log(this.item.name);
}
}