Angular调用push(post)报错'post仅指类型但被用作值'怎么解决
报错原因
- TypeScript 中的
interface属于类型注解,仅存在于编译阶段用于类型校验,不会被编译为可在运行时使用的 JavaScript 值 - 你代码中
post是定义的接口类型,在this.spost.push(post)中直接把类型名当作值传入push方法,不符合语法规则,因此触发该报错
解决方案
你需要先构造一个符合post接口结构的具体对象,再将该对象传入push方法即可,修改后的代码示例如下:
// 修改 component.ts 中的 onpostadd 方法 onpostadd(){ // 构造符合 post 接口定义的对象,字段值可根据你的业务逻辑替换 const newPost: post = { title: "自定义标题", content: "自定义内容" } this.spost.push(newPost) }
如果新增的帖子数据来自表单输入、接口返回等其他渠道,只需要保证传入push的对象包含title和content两个字符串类型字段,即可正常推入数组。
内容的提问来源于stack exchange,提问作者Gurcharan Singh
相关产品推荐
相关产品推荐

