加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular – “类型’对象’不能分配给”使用新的HttpClient / Ht

发布时间:2020-12-17 07:49:41 所属栏目:安全 来源:网络整理
导读:在 Google’s official Angular 4.3.2 doc here之后,我能够从本地json文件中执行一个简单的get请求.我想练习从JSON占位符站点点击一个真正的端点,但是我在查找放在.subscribe()运算符中的内容时遇到了麻烦.我创建了一个IUser接口来捕获有效负载的字段,但是带
在 Google’s official Angular 4.3.2 doc here之后,我能够从本地json文件中执行一个简单的get请求.我想练习从JSON占位符站点点击一个真正的端点,但是我在查找放在.subscribe()运算符中的内容时遇到了麻烦.我创建了一个IUser接口来捕获有效负载的字段,但是带有.subscribe(data => {this.users = data})的行会抛出错误类型’Object’不能分配给’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});
  }

}
实际上你在这里有一些选项,但是使用泛型将它转换为你期望的类型.
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"

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读