Angular*ngFor-无法使我的数组循环

Question

这一直在起作用错误：找不到类型为"object"的不同支持对象"[object object]"。NgFor只支持绑定到数组等可伸缩对象。但当我试着把它打印到控制台上时，它就起作用了，任何帮助都会得到大人物的赞赏

谢谢(：

//TypeScript File :
public names = ["Jimmy" , "Lilly"];
public ages = [20,25];
public profile = {
Name : this.names,
Age : this.ages
}

//HTML File :
<div *ngFor = "let i of profile">
{{i.Name}}
{{i.Age}}
</div>

Answer 1

错误已经提到了问题所在。

NgFor只支持绑定到Iterables，如Arrays

您需要使用数组才能使*ngFor工作于

//TypeScript File
public jimmy = { Name: "Jimmy", Age: 20 };
public lilly = { Name: "Lilly", Age: 25 };
public profiles = [jimmy, lilly]

//HTML File :
<div *ngFor = "let i of profiles">
{{i.Name}}
{{i.Age}}
</div>

Answer 2

我不知道我是否确定你想要完成什么，但绑定I.Name是不正确的，因为你将Name定义为数组。你可以在剖面上循环。使用ngFor命名，然后绑定属性"；名称"；。更改变量名称可以减少混乱：(

<div *ngFor="let i of profile.Name">
{{i.name}}
</div>

同样适用于年龄