无法访问 Angular 中子组件中的数组元素

Question

问题是:

在parent。component。ts中有一个名为wycieczki的数组我可以很容易地(例如)做console.log(this.wycieczki[0]);但是当我将它传递给child.component.ts时，尝试做同样的事情将导致undefined此外，console.log(wycieczki)工作在child.component.ts

绑定代码(以防我遗漏了什么，但我确实用常规变量检查了它，它工作了):

parent.component.html<app-child [(wycieczki)]="wycieczki" ></app-child>

child.component.ts'

@Input() wycieczki: Wycieczka[] = [];
@Output() wycieczkiChange = new EventEmitter<Wycieczka[]>();
constructor() { }
ngOnInit(): void {
console.log(this.wycieczki)
console.log(this.wycieczki[0])
}

最初的想法是让子组件过滤wycieczki数组，然后问题出现了。我明天起床的时候可能会看看评论。谢谢你的帮助

Answer 1

修改

<app-child [(wycieczki)]="wycieczki" ></app-child>来<app-child [wycieczki]="wycieczki" ></app-child>这应该行得通。()用于双向数据绑定，即child的@output。