离子2 AngularJS简单获取Roopback服务器上的请求

Question

我正在尝试从我的离子2应用程序向运行Loopback API的服务器中提出一个简单的GET请求。Loopback使用一个不错的接口显示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

不确定这是否是您想要的，但也许可以尝试：

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

请注意，您必须使用import 'rxjs/add/operator/map'才能使用.map操作员