angular - @Input 值被视为对象而不是数组

Question

在我的父组件中，我按如下方式填充数组:

myarray = [];
...
... // forloop
this.myarray.push({id: <someid>, name: <somename>});

在我的父模板中，我将其设置为子模板的输入

<childcomponent [myarray]="myarray"></childcomponent>

在我的子组件中，我将输入声明为:

@Input() myarray;

但是当我尝试迭代并获取长度时，我无法迭代并且长度为 0。然后我尝试执行“typeof”它返回一个对象。我尝试使用 console.log(myarray) 写入控制台，它给了我:

[]
0: {id: <someid>, name: <somename>}

Answer 1

JavaScript 中的数组是一个包含项目列表的全局对象。

Please take a look at my demo.

您可以将类型指定为 Array 以使对象可迭代。