0

Como realizar o parseamento dos dados em json seguinte? Já tentei usar o promise e o observable.

{
    "diaries": [
        {
            "Diary": {
                "id": "1",
                "user_id": "1",
                "title": "T\u00edtulo da agenda",
                "description": "Descri\u00e7\u00e3o da agenda ",
                "is_active": true,
                "created": "2017-05-20 04:29:41",
                "modified": "2017-05-20 04:29:41"
            },
            "User": {
                "id": "1",
                "firstName": "admin",
                "lastName": "administrador",
                "email": "[email protected]",
                "password": "admin123",
                "group_id": "1",
                "created": "2017-05-20 04:00:52",
                "modified": "2017-05-20 04:00:52",
                "is_active": true
            }
        }]
}

No cakephp a função que retorna os dados está abaixo:

public function index(){
    $this->response->header('Access-Control-Allow-Origin', '*');

    $this->Diary->recursive = 0;
    //$this->set('_jsonOptions', false);
    $diaries = $this->Diary->find('all', array('conditions' => array(
                "Diary.is_active" => 1
            ), 'recursive' => '-1'));

    $this->set(array(
            'diaries' ,
            '_serialize' => array('diaries')
        ));
    $this->set('diaries', $this->Paginator->paginate());
}

E abaixo o código do Ionic:

DiaryPage:

import { Component, OnInit } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import { Diary } from '../../models/diary';
import { DiaryService } from './diary.service';
@Component({

    selector: 'diary',
    templateUrl: './diary.html'
})
export class DiaryPage implements OnInit{

    public diaries: any;

    constructor( public navCtrl: NavController, public diaryService: DiaryService, private http: Http){}

    ngOnInit(){ 
        this.diaryService.load()
        .then(data => {
            this.diaries = data;
            console.log(this.diaries);
          });

    }


 }

DiaryService:

import { Component } from '@angular/core';
import { Injectable } from '@angular/core';
import { Http, Headers, Response } from '@angular/http';
import {Observable} from 'rxjs/Rx';
import 'rxjs/add/operator/map';


import { Diary } from '../../models/diary';
@Injectable()
export class DiaryService { 

    public headers: Headers;
    public uriGet: string = "http://http://localhost/cakephp/diaries.json";
    diaries= new Diary;

    constructor(private http: Http){
        this.headers= new Headers();
        this.headers.append('Content-Type','application/json');
    }

    public getData(): Promise<Diary []> {
    return this.http.get('http://localhost/cakephp/diaries.json')
           .toPromise()
           .then(response => response.json().diaries as Diary[]);
  }


  load() {
      if (this.diaries) {
        // already loaded diaries
        return Promise.resolve(this.diaries);
      }

      // don't have the data yet
      return new Promise(resolve => {
        // We're using Angular HTTP provider to request the diaries,
        // 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('http://localhost/cakephp/diaries.json')
          .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.diaries = data;
            resolve(this.diaries);
          });
      });
    }


}
3
  • Qual o erro que está retornando? 22/05/2017 às 13:10
  • Consegui resolver a listagem adicionei em cada método this.headers.append('Access-Control-Allow-Origin', '*'); this.headers.append('Content-Type','application/json'); 26/05/2017 às 14:22
  • Porém pode me ajudar o salvar está :XMLHttpRequest cannot load 192.168.0.19/cakephp/contacts/new.json. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:8100' is therefore not allowed access. The response had HTTP status code 500. register.ts:73 {"firstName":"nome","lastName":"sobrenome","email":"[email protected]","phone":"6788889999","area_id":"2"}. até mesmo configurei o proxy para o app "proxies": [{"path": "/*", "proxyUrl": "192.168.0.19/cakephp"}] 26/05/2017 às 14:29

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .