深度嵌套子组件中的Acces数组

Question

我想知道如何访问childscomponent数组，其结构如下所示：

parent.component.ts -> child.component.ts -> child.component2.ts

在child.component2.ts中，我有一个要在main.component中访问的数组。是否可以通过设置模板变量来实现？还是需要使用Output()？

Answer 1

另一种解决方法是创建包含数组变量的服务，然后将其注入main.component.ts和child.component.ts

custom.service.ts

@Injectable() 
export class CustomService {
 myArray = [1,2,3,4];
}

main.component.ts

export class MainComponent {
  constructor(private customService: CustomService) {}
  myArr = this.customService.myArray;
}

child2.component.ts

export class MainComponent {
  constructor(private customService: CustomService) {}
  myArr = this.customService.myArray;
}

Answer 2

您可以在主组件构造函数方法中注入子component2。

child.component2.ts

getUniqueArray(){
  return [1,2,3,4,5];
}

main.component.ts

constructor(private child2: ChildComponent2){
   this.child2.getUniqueArray();
}