Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49184

Help! Call Api to get data ERROR

$
0
0

@WillLee wrote:

hi guys i call api encounter an error. wanna ur help.
SyntaxError: C:/Users/develop6/ionic2-Test/app/pages/member/member.js:
Unexpected token (18:9) while parsing file: C:\Users\develop6\ionic2-Test\app\pages\member\member.js

member-service.js

import { Injectable } from 'angular2/core';
import { Http } from 'angular2/http';
import 'rxjs/add/operator/map';

@Injectable()
export class MemberService {
    static get parameters() {
        return [
            [Http]
        ]
    }
    constructor(http) {
        this.http = http;
        this.data = null;
    }

    load() {
        if (this.data) {
            // already loaded data
            return Promise.resolve(this.data);
      //      console.log('---------------');
       //     console.log(this.data);
        }

        // don't have the data yet
        return new Promise(resolve => {
            // We're using Angular Http provider to request the data,
            // then on the response it'll map the JSON data to a parsed JS object.
            // Next we process the data and resolve the promise with the new data.
            //
           //  this.http.get('TestData/member.json')
          this.http.get('https://randomuser.me/api/?results=10')

            .map(res => res.json())
                .subscribe(data => {
                    // we've got back the raw data, now generate the core schedule data
                    // and save the data for later reference
                    this.data = data;
                    resolve(this.data);
                    console.log('-------end--------');
                }, error => {
                    console.log(JSON.stringify(error.json()));
                });
        });
    }
}

member.js

import {Page, NavController} from 'ionic-angular';
import {MemberService} from '../../providers/member-service/member-service';

@Page({
  templateUrl: 'build/pages/member/member.html',
  providers:[MemberService]
})
export class MemberPage {
  static get parameters() {
    return [[NavController]];
  }

  public member: any;    **_//line 18_**
  constructor(nav,public memberService:MemberService) {
    this.nav = nav;
    this.loadMember();
  }

  loadMember(){

    this.memberService.load()
    .then(data=>{
      this.member=data;
    });
  }
}

who can tell what cause this ? thank you.

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49184

Trending Articles