在学习教程HTTP的时候添加英雄,报错！！！！！

[xiaochangkun]

代码：
add(name: string): void {
name = name.trim();
if (!name) { return; }
this.heroService.addHero({name} as Hero)
.subscribe(hero => {this.heroes.push(hero); });
}

报错：
ERROR in src/app/component/heroes/heroes.component.ts(30,30): error TS2352: Conversion of type '{ name: string; }' to type 'Hero' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
Property 'id' is missing in type '{ name: string; }'.

[zhytang]

{name} as Hero,这是什么...,类型转换错误
看你定义name是string
至少应该是{name: "name"}

[xiaochangkun]

{name} as Hero，这是什么...，类型转换错误
看你定义name是字符串
至少应该是{name：“name”}

Hero是个model :

export class Hero {
id: number;
name: String;
}

[zhytang]

{name} as Hero，这是什么...，类型转换错误
看你定义name是字符串
至少应该是{name：“name”}

Hero是个model :

export class Hero {
id: number;
name: String;
}

那就是{name: name} as Hero
先看看TypeScript基础吧

[xiaochangkun]

{name} as Hero，这是什么...，类型转换错误
看你定义name是字符串
至少应该是{name：“name”}

英雄是个人模特：
出口级英雄{
id：number;
name：String;
}

那就是{name：name}为Hero
先看看TypeScript基础吧

好的，我刚开始学angular, 但是我刚才试了{name: name}还是报错

[xiaochangkun]

{id: null, name: name} as Hero 这样写可以，但是我不知道正不正确

[zhytang]

可以

[wszgrcy]

.......... 什么鬼?如果你定义的接口(model,dto,随便了懂就行),不是可选的,那么必须要有这个值才行,否则请设置

export interface Hero {
id?: number;
name: string;

[zhytang]

.......... 什么鬼?如果你定义的接口(model,dto,随便了懂就行),不是可选的,那么必须要有这个值才行,否则请设置

export interface Hero {
id?: number;
name: string;

就算是id: number;这样定义,非?.
{name: name} as Hero,这样写并没有错,ts没有那么严格
他报错应该是用的地方报错了

[xiaochangkun]

.......... 什么鬼?如果你定义的接口(model,dto,随便了懂就行),不是可选的,那么必须要有这个值才行,否则请设置

export interface Hero {
id?: number;
name: string;

就算是id: number;这样定义,非?.
{name: name} as Hero,这样写并没有错,ts没有那么严格
他报错应该是用的地方报错了

谢谢已解决！！！id?: number 就可以了

[asnowwolf]

不要关闭，一般只关闭重复问题等无效问题。