Question

我不知道该怎么做。我试过几个互联网的例子。什么是最好的解决方案？

import { Component } from '@angular/core';

@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
  constructor() {

  }
}

Answer 1

这样做

修改src / app / app.module.ts并导入

import { HttpModule } from '@angular/http';

并添加到导入

@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

之后，您可以使用角度的HTTP模块。

在你的Page.ts

中

导入模块并像这样使用

 import { Http } from '@angular/http';

 constructor(public navCtrl: NavController, public http: Http) {

   let url = "https://www.reddit.com/r/gifs/new/.json?limit=10";

    this.http.get(url).map(res => res.json()).subscribe(data => {

        console.log(data);

    });

  }

此外，您可以将返回的JSON字符串转换为JSON对象

var jsonobject = JSON.parse(data)

另外，您可以使用IONIC NATIVE HTTP PLUGIN

干杯：D

离子应用程序从url json获取数据

1 个答案: