angular - 类型 'Object' 上不存在属性 'id'
我想知道你是否能帮忙。我正在学习这门课程 https://www.udemy.com/the-complete-angular-master-class/learn/lecture/7441148#questions
我有一个错误:
错误在 src/app/posts/posts.component.ts(21,11):错误 TS2696:'Object' 类型只能分配给极少数其他类型。你是否想使用 'any' 类型代替?'Object' 类型缺少 'any[]' 类型的以下属性:length、pop、push、concat,还有其他 26 个。 src/app/posts/posts.component.ts(32,33):错误 TS2339:属性 'id' 不存在于类型 'Object' 上。
import { BadInput } from './../common/bad-input';
import { NotFoundError } from './../common/not-found-error';
import { AppError } from './../common/app-error';
import { PostService } from './../services/post.service';
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-posts',
templateUrl: './posts.component.html',
styleUrls: ['./posts.component.css']
})
export class PostsComponent implements OnInit {
posts: any[];
constructor(private service: PostService) {}
ngOnInit() {
this.service.getPosts()
.subscribe(
response => {
this.posts = response
});
}
createPost(input: HTMLInputElement) {
let post : any = { id: null, title: input.value };
input.value = '';
this.service.createPost(post)
.subscribe(
response => {
post['id'] = response.id;
this.posts.splice(0, 0, post);
console.log(response);
},
(error: AppError) => {
if (error instanceof BadInput) {
//this.form.setErrors(error.originalError)
} else {
throw error;
}
});
}
updatePost(post) {
this.service.updatePost(post)
.subscribe(
response => {
console.log(response);
});
}
deletePost(post) {
this.service.deletePost(99999)
.subscribe(
response => {
let index = this.posts.indexOf(post);
this.posts.splice(index, 1);
},
(error: AppError) => {
if (error instanceof NotFoundError) {
console.log(error);
} else {
throw error;
}
});
}
}
答案#1
你需要将响应声明为 any 类型以消除该错误,
this.service.createPost(post)
.subscribe(
(response :any) => {
答案#2
响应是一个数组,但你没有一个名为 id 的值。或者它没有达到 'id',你可能有多个。
