javascript - 无类型函数调用可能不接受类型参数 - Angular 5 http 调用

Question

我正在尝试使用接口(interface)从 API 获取数据。下面是我的临时界面

export interface ITemp {
    id: number,
    name: string,
    age:  number
}

下面是我的 HTTP 服务，其中有一个调用 API 的 fn getHomedetails。

import {Injectable} from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { ITemp } from "../interfaces/temp";
import { Observable } from "rxjs/Observable";
import 'rxjs/Rx';

@Injectable()
export class HttpService{

    http:any;
    baseUrl: String;

    constructor(http:HttpClient){
        this.http = http;
        this.baseUrl = 'some_url';
    }

    getHomeDetails(): Observable<ITemp>  {
        return this.http.get<ITemp>(this.baseUrl); //problem is here 
        //when mouse is pointed on get<ITemp> it shows "Untyped function calls may not accept type arguments"

    }

}

没有定义接口(interface)。我不知道我做错了什么。上面的语法是 angular 4.3X 语法。我用过的编辑器是sublime和visual studio。

Answer 1

这是因为你给你的类级 http 一种any:

将http:any;改为http:HttpClient

一个好的经验法则是不要使用 any 除非你真的必须这样做。