顯示陣列中的屬性的所有項目在角2

我具有限定等兩個接口類型腳本部件：顯示陣列中的屬性的所有項目在角2

interface Project { 
name: string; 
activity: string; 
lastBuildStatus: string; 
lastBuildTime: string; 
lastBuildLabel: string 
webUrl: string; 
} 

interface GoArray { 
projects: Array<Project>; 
}

的組件使得到ASP核心控制器的呼叫與屬性返回對象「的項目'這本身就是'項目'對象的列表。所以我相信這符合我的接口定義。在控制器I從控制器

export class GoComponent { 
public projectsArray: GoArray; 

constructor(private http: Http) { 
} 

public getPipelineStatus(chosenUsername: string, chosenPassword: string, chosenUrl: string) { 

    // debugger; 
    this.http.get('api/go/cctray?username=' + chosenUsername + '&password=' + chosenPassword + '&uri=' + chosenUrl).subscribe(result => { 
     this.projectsArray = result.json(); 
    });

這似乎在我期望的格式將被返回的數據集類型GoArray的一個目的是結果。但是，我如何在組件HTML中顯示數組中的所有項目？

我已經試過

<div *ngIf="projectsArray"> 
<div *ngFor='let project of projectsArray.projects'> 
    {{project.Name}} 
    {{project.Activity}} 
</div>

沒有被渲染這個屏幕上，但如果我檢查使用占卜的組件，就好像如我所料

的projectsArray填充它出現

如何迭代列表並顯示每個對象的屬性？

感謝

來源

2017-03-23 Chris

你的屬性是小寫，所以你應該爲'{{project.name}}'和'{{project.activity}}' – devqon

它應該是，

<div *ngFor='let project of projectsArray.projects'> 
    {{project.name}} 
    {{project.activity}} 
</div>

來源

2017-03-23 14:38:28 Sajeetharan

顯示它們非常感謝！，這工作 – Chris

顯示陣列中的屬性的所有項目在角2

回答

相關問題