在按钮点击ionic2时从API调用2个对象

Question

我得到了一个API链接，我想从其中获取两个对象，但这是我第一次使用Ionic2，所以我不知道如何创建函数来调用它们。

我的主页上有我的按钮

<ion-content >

    <button ion-button (click)="getObjects()"><ion-icon name="get"></ion-icon>Get</button>

</ion-content>

在我的home.ts文件中，我尝试了这样的东西：

import { Component } from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/add/operator/map';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
static get parameters() {
        return [[Http]];
    }
  constructor(public http:Http) {

  }
  getObjects(objectNames)
  var url = 'MYurl';
  var response = this.http.get(url).map(res => res.json());
  return response;

}

我想调用的对象是这样的：

{"lat","long","deviceID","value","id"}

有人可以帮助创建正确的函数吗？

Answer 1

你在response变量中得到的是一个观察值。只有订阅后才能获得响应

getObjects(objectNames) {
  var url = 'MYurl';
  this.http.get(url).map(res => res.json()).subscribe((response) => {
    console.log(response);
  }
}

如果你想了解更多细节，可以阅读以下内容：https://scotch.io/tutorials/angular-2-http-requests-with-observables