Javascript 离子2-在HTML中使用JSON数组
我有一个名为“books”的JSON对象数组,但是我似乎无法提取HTML中使用的任何信息 数组的形式如下: 每个对象的形式如下: 我正在尝试从HTML文件访问诸如isbn13之类的字段。详情如下:Javascript 离子2-在HTML中使用JSON数组,javascript,json,angular,ionic2,Javascript,Json,Angular,Ionic2,我有一个名为“books”的JSON对象数组,但是我似乎无法提取HTML中使用的任何信息 数组的形式如下: 每个对象的形式如下: 我正在尝试从HTML文件访问诸如isbn13之类的字段。详情如下: <ion-content> <ion-item *ngFor="let book of books"> {{book.data.isbn13}} </ion-item> </ion-content> {{book.data.isb
<ion-content>
<ion-item *ngFor="let book of books">
{{book.data.isbn13}}
</ion-item>
</ion-content>
{{book.data.isbn13}
此代码不抛出错误,但不显示文本。如果我将其缩减为{book.data},它将为数组中的每个条目打印[object]
我怎样才能访问isbn13?你搞错了。数据是数组和数组,而不是对象。所以您需要访问数组的第一个元素
<ion-content>
<ion-item *ngFor="let book of books">
{{book.data[0].isbn13}}
</ion-item>
</ion-content>
{{book.data[0].isbn13}
我想是打字错误。在您的*ngFor
中,您试图显示的是isb13
而不是isbn13
。添加到@aakashhakur注释中,路径似乎是book.data[0]。isbn13
。谢谢大家!事实上,数据[0]就是问题所在@AakashThakur从数组中删除特定对象的推荐方法是什么>抱歉,我不确定这个错误是如何出现的,一定是在复制到问题中时出现的。{{book.data.isbn13}}仍然没有输出。编辑得不错。及时阅读以上评论。哈哈,太好了!它正在工作,我会尽快接受答复广告的时间限制允许我。谢谢