Angular-2 TypeError:无法读取属性';0';未定义的类型(RESTAPI)
与RESTAPI一起使用 Message.component.tsAngular-2 TypeError:无法读取属性';0';未定义的类型(RESTAPI),angular,angular2-services,Angular,Angular2 Services,与RESTAPI一起使用 Message.component.ts export class Message { author: string; message: string; created:string; id:number; } obj={author:"",message:"",created:"2016-10-22T12:10:45.683",id:0}; template: ` <h2>My Heroes</h2> <
export class Message {
author: string;
message: string;
created:string;
id:number;
}
obj={author:"",message:"",created:"2016-10-22T12:10:45.683",id:0};
template: `
<h2>My Heroes</h2>
<ul class="heroes">
<li *ngFor="let hero of heroes"
[class.selected]="hero === selectedHero"
(click)="onSelect(hero)">
<span class="badge">{{hero.id}}</span> {{hero.name}}
<button class="delete" (click)="delete(hero); $event.stopPropagation()">X</button>
</li>
</ul>
<div *ngIf="selectedHero">
<h2>
{{selectedHero.name | uppercase}} is my hero
</h2>
<button (click)="gotoDetail()">View Details</button>
</div>
<div>
<label>Hero name:</label> <input #heroName />
<button (click)="add(heroName.value)" heroName.value=''>
Add
</button>
</div>
*<div>
Author : <input type="text" [(ngModel)]="obj.author" />
Message : <input type="text" [(ngModel)]="obj.message" />
<button (click)="addMessage()">Add Message</button>
</div>*
这是(hero.service.ts)
Template.component.ts
export class Message {
author: string;
message: string;
created:string;
id:number;
}
obj={author:"",message:"",created:"2016-10-22T12:10:45.683",id:0};
template: `
<h2>My Heroes</h2>
<ul class="heroes">
<li *ngFor="let hero of heroes"
[class.selected]="hero === selectedHero"
(click)="onSelect(hero)">
<span class="badge">{{hero.id}}</span> {{hero.name}}
<button class="delete" (click)="delete(hero); $event.stopPropagation()">X</button>
</li>
</ul>
<div *ngIf="selectedHero">
<h2>
{{selectedHero.name | uppercase}} is my hero
</h2>
<button (click)="gotoDetail()">View Details</button>
</div>
<div>
<label>Hero name:</label> <input #heroName />
<button (click)="add(heroName.value)" heroName.value=''>
Add
</button>
</div>
*<div>
Author : <input type="text" [(ngModel)]="obj.author" />
Message : <input type="text" [(ngModel)]="obj.message" />
<button (click)="addMessage()">Add Message</button>
</div>*
模板:`
我的英雄
-
{{hero.id}{{hero.name}
X
{{selectedHero.name}大写}是我的英雄
查看详细信息
英雄名字:
添加
*
作者:
信息:
添加消息
*
控制台映像链接出错
我尝试与POSTMAN一起确保服务器端请求中的RESTAPI实际工作。它与POSTMAN一起工作。我如何修复此错误?请您能否提供heroes.component.html以查看您的(单击)是如何在html中设置的?您发布的代码不包含
0
,因此错误很可能在其他地方。发布完整代码(data)=>{this.obj=data;console.log(“SUCCESS”+this.obj)}
更改为(data)=>{this.heros.push(data);console.log(this.heros)}
您可以添加@NgModule
配置吗?您是否正在使用InMemoryWebApp模块?您的错误似乎是由于您没有正确配置InMemoryDbService造成的