找不到“字符串”类型的不同支持对象“myNums”。 NgFor 仅支持绑定到 Iterables，例如 Arrays答案

【问题标题】：Cannot find a differ supporting object 'myNums' of type 'string'. NgFor only supports binding to Iterables such as Arrays找不到“字符串”类型的不同支持对象“myNums”。 NgFor 仅支持绑定到 Iterables，例如 Arrays
【发布时间】：2018-08-22 13:26:08
【问题描述】：

我正在使用角度组件，并且我遇到了一个错误，我将其简化为以下内容。我有一个 NumList 组件。

NumList.ts

export class NumList implements OnInit{
@Input() options: number[];

constructor(){}

ngOnInit(){}
}

NumList.html

<ul>
  <li *ngFor="let op of options">op</li>
</ul>

我也有一个父组件：

父母.ts

export class Parent implements OnInit{
myNums: number[]=[1,2,3];

constructor(){}

ngOnInit(){}
}

父.html

<app-num-list options="myNums"></app-num-list>

以下错误被抛出

找不到“字符串”类型的不同支持对象“myNums”。 NgFor 只支持绑定到 Arrays 等 Iterables。

似乎父组件将数组 myNums 的名称传递给 NumList 而不是数组本身。我做错了什么？

【问题讨论】：

标签： angular typescript

【解决方案1】：

您必须使用object binding 并在属性周围使用括号：

<app-num-list [options]="myNums"></app-num-list>

这样你不会绑定字符串"myNums"，而是绑定成员变量的实际值。

【讨论】：