2016-08-10 152 views
2

我需要一些关于angular 2的帮助。是否可以将对象数组从父项传递给子组件?这似乎是不可能的,但也许我错过了一些东西。您可以在下面看到我的代码中尝试使用的摘要。Angular2 @Input:将对象数组从父项传递给子组件

parent.component.ts 
----------------------------------------- 

@Component({ 
    template: ` 
     <child dataset="{{ people }}"></child> 
    `, 
}) 

export class ParentComponent{ 

    private people: any[] = [ 
     { name: 'jimmy', age: 22, gender: 'male' }, 
     { name: 'johnny', age: 23, gender: 'male' }, 
     { name: 'danny', age: 24, gender: 'male' } 
    ]; 

} 


child.component.ts 
----------------------------------------- 
export class ChildComponent implements OnInit{ 

@Input() private dataset: any[] = []; 

    ngOnInit() { 
     console.log(this.dataset); 
    } 

} 


console 
----------------------------------------- 
[object Object],[object Object],[object Object] 
+0

看来工作,不是吗?究竟是什么问题? –

+3

插值将表达式转换为字符串。使用属性绑定,如'[dataset] =“people”' – yurzui

+0

Thanks:[dataset] =“people”works! – Seyamack

回答

相关问题