如何使用 Angular 的选择器在特定组件数组中设置位置？

Question

我是 Angular 的新手，我想知道是否可以设置数组的位置，该数组已经在一个组件中声明为空，而它的选择器在另一个组件中。

例如，假设我有一个名为“array”的组件，并且在 array.component.ts 文件中声明了一个空数组：

export class ArrayComponent {

array: number[] = [];

}

在我的主要“app”组件中，我想使用“array”组件并使用其选择器设置其值：

app.component.html:

<app-array array="10"></app-array>

这可能吗？如果是，我应该如何实施？我应该使用属性指令还是？

提前致谢。

我没有尝试任何解决方案，因为我不确定如何准确地实施它。

Answer 1

您可以使用

@Input()

装饰器将信息从父组件传递到子组件

array.component.ts

export class ArrayComponent {
  @Input() array: number[] = [];
}

app.component.html

<app-array [array]="[10]"></app-array>

注意：这会将值数组

[10]

传递到

array

变量