Ionic 2 AngularJs 环回服务器上的简单获取请求

Question

我正在尝试从我的 Ionic 2 应用向服务器运行 Loopback API 发出一个简单的 GET 请求。 Loopback 使用一个漂亮的界面来显示 GET 和 POST 命令并为其提供 curl 命令。现在，对于我要访问的数据，curl 命令是：curl -X GET --header 'Accept: application/json' 'http://IPADDRESS:3000/api/tests'，其中 IPADDRESS 是服务器的 IP 地址。

在我的 Ionic 2 应用程序中，我试图让应用程序在单击按钮时发送一个简单的警报，其中警报文本是从服务器收集的数据。我目前有 alert(this.http.get("http://IPADDRESS:3000/api/tests"));，但随后警报只显示 [object Object]。我知道自从 Loopback 端工作以来，它就可以获取数据。这是我的整个类型脚本文件：

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() {

  }

}

我是 Ionic 和 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 运算符

Ionic 2 AngularJs 环回服务器上的简单获取请求

Ionic 2 AngularJs simple get request on loopback server

curl

loopback

angularjs

ionic-framework

ionic2