Ionic 2 AngularJsはループバックサーバーで簡単にリクエストを受け取ります

Question

私のIonic 2アプリからサーバーLoopback APIに簡単なGETリクエストを送信しようとしています。 Loopbackはniceインターフェイスを使ってGETとPOSTコマンドを表示し、curlコマンドを出します。現在、アクセスしたいデータの場合、curlコマンドはcurl -X GET --header 'Accept: application/json' 'http://IPADDRESS:3000/api/tests'です。ここで、IPADDRESSはサーバーのIPアドレスです。

私のイオニア2アプリでは、ボタンをクリックしたときにアプリケーションが単純な警告を送信するようにしようとしています。警告テキストは、サーバーから収集されたデータです。私は現在alert(this.http.get("http://IPADDRESS:3000/api/tests"));を持っていますが、その後、警告は[object Object]と表示されます。私はそれがループバック側が働いてから得られるデータがあることを知っています。ここに私の全体のタイプスクリプトファイルには、次のとおりです。

import { Component } from '@angular/core'; 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 
import { Http } from '@angular/http'; 

/** 
* Generated class for the SignupPage page. 
* 
* See http://ionicframework.com/docs/components/#navigation for more info 
* on Ionic pages and navigation. 
*/ 

@IonicPage() 
@Component({ 
    selector: 'page-signup-page', 
    templateUrl: 'signup-page.html', 
}) 
export class SignupPage { 

    constructor(public navCtrl: NavController, public navParams: NavParams, public http: Http) { 
    } 

    ionViewDidLoad() { 
    console.log('ionViewDidLoad SignupPage'); 
    } 

    existingUser() { 
    alert(this.http.get("http://IPADDRESS:3000/api/tests")); 
    } 

    joinNow() { 

    } 

} 

私はイオンとAngularJSに新しいですので、任意およびすべてのヘルプはいただければ幸いです。これはあなたがしたいが、多分しようとするものである場合

Answer 1

わからない：あなたはimport 'rxjs/add/operator/map'に持って

this.http.get("http://IPADDRESS:3000/api/tests") 
    .map(res => res.json()) 
    .subscribe(data => { 
     console.log(data) 
    }); 

ノートが役立っているようだ.mapオペレータ