无法在angular 4 ionic 3中显示html中的数组对象
无法在angular 4 ionic 3中显示html中的数组对象
提问于 2018-08-03 23:00:37
My array structure in my application
我在应用程序中获得了上述数组结构，然后将其赋给我的变量，如下所示：
`
.subscribe(data => (
this.user = data,
console.log('rain', this.user)
));`但是我不能在HTML中显示它。我试着用下面的方式显示
` <ion-option *ngFor="let users of user">{{users[0].pentad1.
rainfall}}</ion-option>
</ion-select> `有人能帮我一下吗？？
回答 3
Stack Overflow用户
发布于 2018-08-03 23:10:05
您需要使用*ngFor而不是For来在HTML中显示它
Stack Overflow用户
发布于 2018-08-03 23:11:19
在api文件use promise中，
get_pentad1(param){
return new Promise( resolve => {
this.http.method(url, param)
.subscribe(
data => {
resolve(data);
},
error => {
resolve(error.statusText);
}
);
});
}使用.then()函数获取接口的响应，如下所示
this.api.get_pentad1(param).then(data => { this.user = data[0] } ); Stack Overflow用户
发布于 2018-08-04 00:01:47
尝试以下代码：
TS文件：
public user : any = [];
.subscribe((data)=>{
this.user = data;
});HTML：
<ion-select>
<ion-option *ngFor="let users of user">
<span *ngIf="users && users.pentad1"> {{users.pentad1.rainfall}}</span>
<span *ngIf="users && users.pentad2"> {{users.pentad2.rainfall}}</span>
</ion-option>
</ion-select>您可能需要更改"pentad1“和"pentad2”以便保持一致，这只是一个建议
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51675393
复制相关文章
相似问题