Question

人。我几乎是离子2的初学者，我试图构建一个能够从JSON文件中读取字符串的简单应用程序。我怀疑我的ts文件应该如何。我已经在堆栈溢出中看到了一些示例，但没有人曾经在哪里粘贴代码回复。所以，有人可以帮助我使用正确的代码（导入和命令）所以我可以在屏幕上向用户显示一个字符串。

我的ts文件

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

import { NavController, LoadingController } from 'ionic-angular';
import {HttpProvider} from '../../providers/http-provider';


//@Component({
//selector: 'page-favorite',
//templateUrl: 'favorite.html'
//})

@Component({
selector: 'page-favorito',
templateUrl: 'favorito.html',
providers:[HttpProvider]
})
export class Favorito {

jsonData: any;
loading: any;

constructor(public navCtrl: NavController, private 
httpProvider:HttpProvider,public loadingCtrl: LoadingController) {


}



}

我的HTML代码：

<ion-header>
<ion-navbar>
<button ion-button menuToggle>
  <ion-icon name="menu"></ion-icon>
</button>
<ion-title>Favoritos</ion-title>
</ion-navbar>
</ion-header>

<ion-content>
<ion-list>
<ion-item *ngFor="let feed of feeds">
  {{feed.data.title}}
</ion-item>
</ion-list>
</ion-content>

Answer 1

你可以使用带有http请求的ur json路径

this.http.get(this.jsonPath)
             .map(res => res.json())
             .subscribe(data => {
               //do the needful stuff with the data
              });

为此你需要

import { Http, URLSearchParams, Response, Headers, RequestOptions } from '@angular/http';

在构造函数中，您需要创建一个实例

constructor(public http: Http) {
//call the http method here
}

从本地JSON文件

1 个答案: