Как проанализировать Json ответ данных от вызова API в Ioni c v3 и сохранить в localStorage

Question

Я хочу получить доступ к данным массива и сохранить их в localStorage.

Я сделал вызов API и получил ответ, как показано ниже, на консоли

Мой провайдер API:

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

let apiUrl = 'http://localhost:83/buildit/api';

@Injectable()
export class AuthServiceProvider {

  constructor(public http: Http) { }

  login(credentials) {
  //let headers = new Headers();
  return new Promise((resolve, reject) => {
      this.http.post(apiUrl + '/login.php', JSON.stringify(credentials))
        .subscribe(res => {
          resolve(res.json());

        }, (err) => {
          reject(err);
        });
    });

  }
}

вход .ts

doLogin() {
     if(this.loginData.LoginID =='' || this.loginData.Password ==''){

     let toast = this.toastCtrl.create({
      message: "Enter username and password",
      duration: 3000,
      position: 'bottom',
      dismissOnPageChange: true
    });
    toast.onDidDismiss(() => {
    });
    toast.present();
     }
    else if(this.loginData.LoginID!=='' && this.loginData.Password!==''){
      this.showLoader();
      this.authService.login(this.loginData).then((result) => {
        this.data = result.data;
        console.log(this.data.loginStatus);

        if (this.data.loginStatus == 'Valid') {
          localStorage.setItem('loginStatus', this.data.loginStatus);
          localStorage.setItem('CustomerName', this.data.CustomerName);
          localStorage.setItem('Mobile', this.data.Mobile);
          localStorage.setItem('Email', this.data.Email);
          localStorage.setItem('CustomerID', this.data.CustomerID);
          this.navCtrl.setRoot(MyApp);
          this.loading.dismiss();
        }
        else if (result['msg'] == "Please verify your mobile no. to Login") {
          this.navCtrl.push(OtpPage,{
            ID : result['data'].CustomerID , Mobile : this.loginData.LoginID,
            Email: result['data'].Email
          });
          this.loading.dismiss();
        }
        else {
          document.getElementById('err-span').style.display = "block";
          this.loading.dismiss();
        }
      }, (err) => {
        this.loading.dismiss();
        this.presentToast(err);
      });
    }

  }

Console.log (данные) показывает

{"data":[{
"loginStatus":"Valid",
"CustomerName":"Fagbemi Ayodele",
"Mobile":null,
"Email":"fagbemiayodele48@gmail.com",
"CustomerID":"3"
}]}

Мне нужно проанализировать JSON данных для получения индивидуального 'значения'

Я пытался this.data.loginStatus получить loginStatus , но оно дает нулевое значение, аналогично для других.

Пожалуйста, может кто-нибудь показать мне, как получить индивидуальное значение данных в ионах c 3?

Спасибо.

Answer 1

Отдельные значения вы можете получить так:

data[0]['loginStatus']
localStorage.setItem('loginStatus', data[0]['loginStatus']);
localStorage.getItem('loginStatus');
//Valid

data[0]['CustomerName']
localStorage.setItem('CustomerName', data[0]['CustomerName']);
localStorage.getItem('CustomerName');
//Fagbemi Ayodele

data[0]['Mobile']
localStorage.setItem('Mobile', data[0]['Mobile']);
localStorage.getItem('Mobile');
//null

data[0]['Email']
localStorage.setItem('Email', data[0]['Email']);
localStorage.getItem('Email');
//fagbemiayodele48@gmail.com

data[0]['CustomerID']
localStorage.setItem('CustomerID', data[0]['CustomerID']);
localStorage.getItem('CustomerID');
//3