這不斷出現錯誤:找不到“物件”型別的不同支持物件“[物件物件]”。NgFor 僅支持系結到 Iterables,例如 Arrays。但是當我嘗試將它列印到控制臺時它會起作用,任何幫助都將不勝感激
謝謝 (:
//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>
uj5u.com熱心網友回復:
該錯誤已經提到了問題所在。
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>
uj5u.com熱心網友回復:
我不知道我是否確定您要完成什么,但是系結 i.Name 是不正確的,因為您將 Name 定義為一個陣列。您可以使用 ngFor 遍歷 profile.Name,然后系結屬性“name”。更改變數名可能不會那么混亂:)
<div *ngFor="let i of profile.Name">
{{i.name}}
</div>
同樣適用于年齡
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/421504.html
標籤:
