我有一个类型脚本组件,它定义了两个接口,如:
interface Project {
name: string;
activity: string;
lastBuildStatus: string;
lastBuildTime: string;
lastBuildLabel: string
webUrl: string;
}
interface GoArray {
projects: Array<Project>;
}
组件调用ASP核心控制器以返回具有属性&#39; Projects&#39;这本身就是一个“项目”列表。对象。所以我相信这符合我的界面定义。在控制器中,我将GoArray类型的对象设置为控制器的结果
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();
});
这似乎是以我期望的格式返回数据。但是,如何在我的组件HTML中显示数组中的所有项?
我已经尝试了
<div *ngIf="projectsArray">
<div *ngFor='let project of projectsArray.projects'>
{{project.Name}}
{{project.Activity}}
</div>
在屏幕上没有渲染任何内容,但如果我使用Augury检查组件,就好像projectArray按照我的预期填充
如何遍历列表并显示每个对象的属性?
由于
答案 0 :(得分:1)
应该是,
when REGION_NUM = "substr(:user,-3,3)"