2017-02-25 8 views
0

私はIonicフレームワークとAngular2を初めて使用しています。私はサーバーに投稿要求を送ることができません。私は何が欠けているのか分かりません。Ionic2/Angular2 Httpが機能していません

マイアプリのコード:

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'. 

答えて

1

私はイオン2プロジェクトや、あなたの輸入の一つは

する必要があります確認
import {Http, Headers, RequestOptions, Response} from '@angular/http'; 

あなたのpackage.jsonを確認し、プロジェクトの依存関係を修正してください。このプロジェクトを参照用に使用できます

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

関連する問題