找不到类型为“字符串”的其他支持对象“ myNums”。 NgFor仅支持绑定到可迭代对象，例如数组

Question

我正在使用角度组件，并且有一个错误已简化为以下内容。我有一个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>

我还有一个父组件：

Parent.ts

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

constructor(){}

ngOnInit(){}
}

Parent.html

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

正在引发以下错误

  

找不到类型为“字符串”的其他支持对象“ myNums”。   NgFor仅支持绑定到数组等Iterable。

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

Answer 1

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

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

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