2016-04-18 19 views
0

イオン2で角度2のアプリケーションを実行していて、サーバーからJSONデータを取得しようとしています。私のアプリケーションがそれを解析できるように、サーバーを呼び出してJSONを受け取るプロセスは何ですか?電話をするときに気をつけるべきことはありますか?イオン2で角度2 ajaxを使用する

答えて

2

要求を実行する要素(コンポーネントまたはサービス)にHttpのインスタンスを挿入する必要があります。コンポーネント内ES6と例えば

:あなたもasyncパイプを使用することができます

(...) 
import {Http} from 'angular2/http'; 
import 'rxjs/Rx'; 

@Page({ 
    templateUrl: 'build/pages/page3/page3.html' 
}) 
export class Page3 { 
    constructor(http) { 
    http.get('data.json').map(res => res.json()).subscribe(
     (data) => { 
     this.data = data; 
     } 
    ); 
    } 

    static get parameters() { 
    return [[Http]]; 
    } 
} 

注意。詳細については、このリンクを参照してください:

アプリケーションクラスにHTTPのためのプロバイダを指定することを忘れないでください:

(...) 
import {HTTP_PROVIDERS} from 'angular2/http'; 

@App({ 
    template: ` 
    (...) 
    `, 
    config: {}, 
    providers: [ HTTP_PROVIDERS ] 
}) 
export class MyApp { 
    (...) 
} 
+0

あなたがrxjsをインポートしますか?私は自分の答えを更新しました。 httpリクエスト処理をコメントすると、httpオブジェクトがコンストラクタに正しく挿入されていますか(つまり、その値は未定義です)? –

+0

角2のajaxが最終的にはありますか? – aWebDeveloper

関連する問題