我正在按照一个简单的指南,轻轻地修改它以满足我的需求 – 但我终于遇到了关于映射和订阅的障碍
https://www.sitepoint.com/mean-stack-angular-2-angular-cli/ – 这是指南,一切正常,直到我构建列表服务后构建应用程序.
由于Angular 5,我已经做了一些修改,例如用HttpClient替换,但没有任何异常.
我现在的问题在于这两个功能:
public getAllTasks():Observable<Task[]> { let URI = `${this.serverApi}/tasks/`; return this.http.get(URI) .map(res => res.json()) .map(res => <Task[]>res.tasks); } public deleteTask(taskId : string){ let URI = `${this.serverApi}/tasks/${taskId}`; let headers = new HttpHeaders; headers.append('Content-Type','application/json'); return this.http.delete(URI,{headers}) .map(res => res.json()); }
甚至我的IDE告诉我
.map(res => res.json())
由于属性“json”在“对象”类型上不存在,因此无法在任何一个函数中工作.
我已经检查了一下,发现了一些较旧的帖子建议,比如将其修改为
.map((res: Response) => res.json())
但这给了我一个非常相似的错误
A function whose declared type is neither 'void' nor 'any' must return a value.
我的模型是:
export interface Task { _id?: string; title: string; description: string; category: string; }
最初这是一个类,但我按照推荐将其修改为接口,但不确定它是否相关.
不确定它是否相对,但它的组成部分是:
ngOnInit() { this.loadTasks(); } public loadTasks() { this.taskServ.getAllTasks().subscribe( response => this.tasks = response,) }
我认为这与地图的工作原理或预期结果有些混淆.任何输入将不胜感激.
更新
Angular 4 – res.json() is not a function
正如在这篇文章中提到的,似乎HttpClient本身在json中返回res,所以实际上删除那些行删除了错误.一旦我证明了它,我会发布完整的解决方案.
解决方法
使用HttpClient,您不需要map(res => res.json())