作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
正在关注 Google's official Angular 4.3.2 doc here ,我能够从本地 json 文件执行简单的 get
请求。我想练习从 JSON 占位符站点命中一个真实的端点,但我无法弄清楚要在 .subscribe()
运算符中放入什么。我制作了一个 IUser
接口(interface)来捕获有效负载的字段,但是带有 .subscribe(data => {this.users = data})
的行抛出错误 类型“对象”不可分配给类型“IUser[]”
。处理这个问题的正确方法是什么?看起来很基本,但我是菜鸟。
我的代码如下:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { IUsers } from './users';
@Component({
selector: 'pm-http',
templateUrl: './http.component.html',
styleUrls: ['./http.component.css']
})
export class HttpComponent implements OnInit {
productUrl = 'https://jsonplaceholder.typicode.com/users';
users: IUsers[];
constructor(private _http: HttpClient) { }
ngOnInit(): void {
this._http.get(this.productUrl).subscribe(data => {this.users = data});
}
}
最佳答案
您实际上在这里有几个选项,但使用泛型将其转换为您期望的类型。
// Notice the Generic of IUsers[] casting the Type for resulting "data"
this.http.get<IUsers[]>(this.productUrl).subscribe(data => ...
// or in the subscribe
.subscribe((data: IUsers[]) => ...
另外,我建议在您的模板中使用自动订阅/取消订阅的异步管道,尤其是当您不需要任何花哨的逻辑,而您只是映射值时。
users: Observable<IUsers[]>; // different type now
this.users = this.http.get<IUsers[]>(this.productUrl);
// template:
*ngFor="let user of users | async"
关于angular - "Type ' 对象 ' is not assignable to type"带有新的 HttpClient/HttpGetModule,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45426907/
正在关注 Google's official Angular 4.3.2 doc here ,我能够从本地 json 文件执行简单的 get 请求。我想练习从 JSON 占位符站点命中一个真实的端点,
我是一名优秀的程序员,十分优秀!