Html 我经常遇到这样的错误:找不到不同的支持对象';[对象对象]';类型为';对象';。仅适用于支持
我不断遇到这个错误,我不知道该怎么办: 错误:找不到类型为“object”的不同支持对象“[object]”。NgFor仅支持绑定到阵列之类的可重用项 这是我的服务Html 我经常遇到这样的错误:找不到不同的支持对象';[对象对象]';类型为';对象';。仅适用于支持,html,json,angular,components,Html,Json,Angular,Components,我不断遇到这个错误,我不知道该怎么办: 错误:找不到类型为“object”的不同支持对象“[object]”。NgFor仅支持绑定到阵列之类的可重用项 这是我的服务 recupererHistorique(idCitoyen:number): Observable<Historique[]>{ let url = 'http://localhost/tpSyn/getHistoriqueCitoyen.php?idCitoyen=' + idCitoyen; r
recupererHistorique(idCitoyen:number): Observable<Historique[]>{
let url = 'http://localhost/tpSyn/getHistoriqueCitoyen.php?idCitoyen=' + idCitoyen;
return this.http.get<Historique[]>(url);
}
还有HTMl
<section *ngIf="historiquee" >
<div >
<ol >
<li *ngFor='let hiss of historiquee'> {{hiss.date}}: {{hiss.description}} </li>
</ol>
</div>
</section>
{{hiss.date}:{{hiss.description}
在HTML中,如果我改用它,它会工作,但它显示一行,我希望它显示所有其他行,这就是为什么我要使用*ngFor
<div>
<ol>
<h3>
<li> {{historiquee.date}}: {{historiquee.description}} </li>
</h3>
</ol>
</div>
{{historyquee.date}:{{{historyquee.description}
ngFor只能在数组上迭代,这意味着结果必须是一个数组!它不能是未定义的或空的,因为它们是不可定义的 因此,在使用ngFor时,您需要有一个空数组或填充数组 通过控制台记录结果,确保服务正确返回数组
this.serviceCovid.recuperrhistorique(his.id).subscribe(histo=>console.log(histo))代码>
如果您的服务可能返回未定义,请将您的值与空数组进行比较
historique:historique[]=[]代码>好,它工作了
我拿错了身份证是他的身份证不是他的
surChangementHistorique(his: Historique){
this.serviceCovid.recupererHistorique(his.idCitoyen).subscribe(histo => this.historique = histo);
ngFor
仅支持诸如Array
之类的Iterables,因此不能将其用于对象
数组中没有任何内容。在数据存在之前隐藏ngFor。我如何隐藏它?您能否console.log
并显示您的历史记录的类型。它看起来像是{date:1,description:2}
类型的对象。当i console.log时,它应该是一个[…]
,当i console.log时,它表示未定义;当i console.log时,它显示[]@aviad尝试用空数组初始化该值,并查看它是否解决了问题historique:historique[]=[];是的,我试过了,但没有成功:(你能发布返回值吗?你似乎在试图访问数组中的对象键。你是否确保总是得到键的日期和描述?这是我想要返回的数据[{“id”:“482”,“dateInfec”:null,“idCitoyen”:“2952”,“description”:“en test”,“date”:“2020-11-01”},{“id”:“483”,“dateInfec”:null,“idCitoyen”:“2952”,“description”:“neutre”,“date”:“2020-11-06”}]
surChangementHistorique(his: Historique){
this.serviceCovid.recupererHistorique(his.idCitoyen).subscribe(histo => this.historique = histo);