Ionic2/Angular2 Http不能正常工作

Question

我是Ionic框架和Angular2的新手。我無法將發送請求發送到服務器。我無法弄清楚我錯過了什麼。

我的應用代碼：

import { Component } from '@angular/core'; 

import { NavController } from 'ionic-angular'; 
import {Camera} from 'ionic-native'; 
import { Http, Headers, HTTP_PROVIDERS } from 'angular2/http'; 
import 'rxjs/Rx'; 

@Component({ 
    selector: 'page-upload', 
    templateUrl: 'upload.html' 
}) 
export class UploadPage { 
    public base64Image: string; 
    array = Array<any>; 
    loading: boolean; 
    constructor(public navCtrl: NavController,public http: Http) { 

    } 

    takePicture(){ 
    Camera.getPicture({ 
     destinationType: Camera.DestinationType.DATA_URL, 
     targetWidth: 1000, 
     targetHeight: 1000 
    }).then((imageData) => { 
     // imageData is a base64 encoded string 
     this.base64Image = "data:image/jpeg;base64," + imageData; 
    }, (err) => { 
     console.log(err); 
    }); 
    } 


    accessGallery(){ 
    Camera.getPicture({ 
     sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM, 
     destinationType: Camera.DestinationType.DATA_URL 
    }).then((imageData) => { 
     this.base64Image = 'data:image/jpeg;base64,'+imageData; 
    }, (err) => { 
     console.log(err); 
    }); 
    } 

    makePostRequest() { 
    this.http.get('https://public-api.wordpress.com/rest/v1.1/freshly-pressed/').subscribe(data => { 

    }); 
    } 

} 

當我編譯應用程序的Android，我得到以下錯誤：

L16: constructor(public navCtrl: NavController,public http: Http) { 
    Cannot find name 'Http'. 

Answer 1

我檢查了我的離子2項目之一，你的進口應該是

import {Http, Headers, RequestOptions, Response} from '@angular/http'; 

檢查您的package.json並修復您的項目依賴關係。您可以使用此項目作爲參考

https://github.com/driftyco/ionic-conference-app/blob/master/package.json