打字稿无效的左手操作员

Question

我是打字稿的新手，我正在关注教程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

你宣布HEROES类型为HEROES，但你将Json分配给它。

你需要投射结果

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

我宁愿建议循环响应数据并通过它建立HERO数组，如果你在HERO类中有任何功能，可以使用Object.assign