Question

我使用angular cli创建了一个项目，当我尝试从@ angular / http导入我的服务上的http时，我在chrome上收到一个空白页面虽然我只是尝试将一个字符串从服务传递到app组件。它似乎是库的一个问题，因为当我从ImageService中删除带有http依赖的构造函数时，应用程序正常工作。我在网上查看了多个解决方案，但无法找到合适的解决方案。

服务

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class ImagesService {

  private url = 'http://127.0.0.1:3000/';

  constructor(private http:Http) {
  }

  getImage2():Promise<string> {
    return Promise.resolve("blah");
  }

app组件

import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
import {ImagesService} from "./images.service";

@Component({
  selector: 'app-root',
  template: ` <h1>My First Angular 2 {{ name }} App</h1>`,
  providers: [ImagesService]
})
export class AppComponent implements OnInit {

  name : string;

  constructor(private ImagesService: ImagesService) { }

  ngOnInit() : void {
    this.setImage();
  }

  setImage(): void {
    this.ImagesService.getImage().then(name => this.name = name);
  }
}

main（我以为我也应该在这里输入http但收到错误）

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent, environment } from './app/';

if (environment.production) {
  enableProdMode();
}

bootstrap(AppComponent);

导入angular 2 http模块时，App组件无法正常工作

0 个答案: