要给出Angular 7的输入数组的解决方法,首先需要在组件中定义一个输入属性来接收数组数据。然后,你可以在模板中使用这个输入属性来展示数组的内容。
以下是一个示例代码:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-array-input',
template: `
{{ item }}
`
})
export class ArrayInputComponent {
@Input() inputArray: any[];
}
接下来,在模板中使用这个输入属性来展示数组的内容。在上面的示例中,我们使用了 在父组件中,通过属性绑定将数组数据传递给子组件。例如: 在这个例子中,我们创建了一个名为 这样,当你运行应用时,子组件将根据输入属性中的数组数据来展示相应的内容。*ngFor
指令来遍历数组中的每个元素,并将其显示在一个import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
myArray
的数组,并将其传递给子组件的inputArray
输入属性。相关内容