在按钮上单击ionic2从API调用2个对象

时间:2016-11-28 16:13:49

标签: angularjs api ionic-framework ionic2

我有一个API链接,我希望从中获取2个对象,但这是我第一次使用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"}

可以帮助创建正确功能的人吗?

1 个答案:

答案 0 :(得分:0)

您在response变量中获得的是Observable。如果您订阅了

,您将只收到回复
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