打字稿无效的左手运算符

Question

我是 typescript 的新手，我正在关注教程 Tour of heroes from angular page 在教程的最后一章中，当我尝试通过以下代码使用 HTTP 时

尽管我从 typescript 编译器收到此错误，但一切正常。

问题是因为这个错误，我必须刷新浏览器，因为 browsersync 因为错误而没有同步。

任何人都可以在这里帮助我吗？

下面是代码

Hero.service.ts

import { HEROES }from './mock.heroes';
import { Hero } from './hero';
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class HeroService {
    url: string;
    constructor(private http: Http){
        this.url = "http://jsonplaceholder.typicode.com/users";
        this.http = http;
    }
    getHeros(): Promise<Hero[]> {
        if(!HEROES || HEROES.length == 0) {
            return this.http.get(this.url)
                .toPromise()
                .then(response => {
                    HEROES = response.json();
                });
        } else {
            let promise: Promise<Hero[]> = new Promise<Hero[]>(function(resolve, reject){
                resolve(HEROES);
            });
            return promise;
        }
    }
}

mock.heroes.ts

import { Hero } from './hero';
export var HEROES: Hero[];

Answer 1

您声明了 HERO 数组类型的 HEROES，但您将 Json 分配给它。

你需要转换结果

HEROES = <HERO[]>response.json()

我宁愿建议循环响应数据并通过它构建 HERO 数组，如果您在 HERO 类中有任何函数，请使用 Object.assign