错误类型错误:无法读取属性';codeSprint';在Object.eval[作为updateRenderer]使用Angular
有人能解释一下可能出了什么问题吗?我得到了这个错误错误类型错误:无法读取属性';codeSprint';在Object.eval[作为updateRenderer]使用Angular,angular,error-handling,Angular,Error Handling,有人能解释一下可能出了什么问题吗?我得到了这个错误 ERROR TypeError: Cannot read property 'codeSprint' of undefined at Object.eval [as updateRenderer] (SprintComponent.html:12) at Object.debugUpdateRenderer [as updateRenderer] (core.js:45294) at checkAndUpdateView
ERROR TypeError: Cannot read property 'codeSprint' of undefined
at Object.eval [as updateRenderer] (SprintComponent.html:12)
at Object.debugUpdateRenderer [as updateRenderer] (core.js:45294)
at checkAndUpdateView (core.js:44277)
在SprintComponent.html中:
<div ngFor="let sprint of sprints">
{{sprint.codeSprint}}
{{sprint.title}}
</div>
在SprintService.ts中:
getSprints(): Observable<Sprint[]> {
const token = localStorage.getItem('kno');
const rqwstrId = localStorage.getItem('rqwstrId');
let header = new HttpHeaders('Content-Type: application/json; charset=UTF-8');
header = header.append('kno',token);
header = header.append('rqwstrId', rqwstrId);
let param = new HttpParams().set('code',"Koon52");
return this.http.get<Sprint[]>(this.baseUrl + '/v1/sprints/', {headers : header , params : param});
}
同时,当我在控制台中登录时,它会显示如下数据:
SprintComponent.html:9 ERROR TypeError: Cannot read property 'codeSprint' of undefined
at Object.eval [as updateRenderer] (SprintComponent.html:9)
at Object.debugUpdateRenderer [as updateRenderer] (core.js:45294)
at checkAndUpdateView (core.js:44277)
at callViewAction (core.js:44637)
at execComponentViewsAction (core.js:44565)
at checkAndUpdateView (core.js:44278)
at callViewAction (core.js:44637)
at execEmbeddedViewsAction (core.js:44594)
at checkAndUpdateView (core.js:44272)
at callViewAction (core.js:44637)
我在SprintComponent中调用getSprints方法,如下所示:
ngOnInit() : void {
this.sprintService.getSprints().subscribe(
data =>
{
this.sprints = data;
}
);
谢谢 您需要在组件中订阅方法
sprints:any[]=[];
in your ngoninit
this.service.getSprints().subscribe((response) => {
this.sprints=response as any
});
)}
在component.html中
<div *ngFor="let sprint of sprintd">
{{sprint.codeSprint}}
{{sprint.title}}
</div>
{{sprint.codeSprint}}
{{sprint.title}
我尝试了*ngFor,但它不起作用。您是如何在SprintComponent.ts中调用getSprints函数的?并使用*ngFor.@polyglot如下:ngOnInit():void{this.sprintService.getSprints().subscribe(数据=>{this.sprints=data;});你能把console.log(数据)放进去吗
beforethis.sprints=data
line用于测试目的?@polyglot我在哪里可以看到这个控制台的结果并非常感谢您同样的问题我想您忘记了NGF中的*,因为它应该是这样的*ngFor=“让sprint的sprint”我得到了以下错误:错误类型错误:无法在HttpHeaders.applyUpdate(http.js:332)读取null的属性'length',并且:未捕获引用错误:在HTMLDocument中未定义df3。(app.js:9)是,它返回一些sprint
sprints:any[]=[];
in your ngoninit
this.service.getSprints().subscribe((response) => {
this.sprints=response as any
});
)}
<div *ngFor="let sprint of sprintd">
{{sprint.codeSprint}}
{{sprint.title}}
</div>