Get values from json using angularjs

Question

I am making a login app in ionic using PHP, I have a login function which works well but I need to be able to store certain values to local storage for later use.

Here is a sample from my code:

$scope.login = function() {
    Login.login($scope.login).then(function (data) {
        if (Object.keys(data.data).length === 1) {
            var datao = angular.toJson(data);
            $scope.profile = datao;
            $scope.email = $scope.profile.email;
            $scope.username = $scope.profile.username;
            console.log(data);
            console.log($scope.profile);
              // $state.go('dashboard');
        }
        ....
    });
    ....
});

$scope.profile displays the following:

[Log]
     {
        "data": [{
            "id": "5",
            "username": "ozombo",
            "reputation": "ceo",
            "activate": "8425",
            "followercount": "3",
            "praycount": "0",
            "donetour": "0",
            "fb_id": "0",
            "fullname": "Adebambo Oyelaja",
            "church": "RCCG ",
            "photo": "1417451697.jpg",
            "twtr_id": "0",
            "screen_name": "",
            "email": "[email protected]",
            "bio": "Geek, Father, Husband",
            "country": "Nigeria",
            "state": "Lagos",
            "followscount": "0",
            "account": "",
            "password": "5cf1bc1b9a2ada1ae9e29079aae1aefa",
            "signup_date": "1413305984",
            "signupdevice": "web",
            "keycode": "5fc868f0767b0c164341a9e8e35edbe4",
            "last_login": "1436519269",
            "city": "Palmgroove",
            "campaign": "",
            "bday": "29-09-1988",
            "gender": "Male",
            "approved": "0",
            "donewelcome": "0",
            "phonenumber": "07017993683",
            "secure": "private",
            "churchid": "1",
            "views": "68",
            "marital": "Married"
        }],
        "status": 200,
        "config": {
            "method": "GET",
            "transformRequest": [null],
            "transformResponse": [null],
            "url": "http://localhost:8888/opb/api/[email protected]&pass=oyelaja",
            "headers": {
                "Accept": "application/json, text/plain, /"
            }
        },
        "statusText": "OK"
    }

How will I get the user email for example

Fernando Del Olmo · Accepted Answer · 2016-11-14 12:27:58Z

1

You can get the email by accesing to data.email like var email = $scope.profile.data.email

You forgot that you have data before you can get the email.

{
  "data": [{
    "username": "ozombo",
    "email": "[email protected]",
    ...
  }]
}

edited Nov 14, 2016 at 12:27

answered Nov 14, 2016 at 12:22

Fernando Del Olmo

1,45017 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Bambo Oyelaja Over a year ago

var email = $scope.profile.data.email isn't working... Error: undefined is not an object (evaluating '$scope.profile.data.email')

Fernando Del Olmo Over a year ago

if $scope.profile logs what you shows in the post you can acces like i said

Bambo Oyelaja Over a year ago

Yes my logs show what i posted but when i do this: $scope.profile = datao; console.log($scope.profile.data.email); i get Error: undefined is not an object (evaluating '$scope.profile.data.email')

user4676340 Over a year ago

Could you please try $scope.profile.data[0] ? From what I see, your data object is actually a table, containing objects.

Bambo Oyelaja Over a year ago

@trichetriche var email = $scope.profile.data[0]; gives undefined is not an object fernando data displays {data: Array, status: 200, headers: function, config: Object, statusText: "OK"}

|

Dave Cooper · Accepted Answer · 2016-11-14 13:49:20Z

1

You can get access to the user email by iterating over the data array:

$scope.profile.data.forEach(function(d) {
    console.log(d.email);
});

Hope that helps!

answered Nov 14, 2016 at 13:49

Dave Cooper

10.7k4 gold badges33 silver badges53 bronze badges

5 Comments

Bambo Oyelaja Over a year ago

after doing this, i get Error: undefined is not an object (evaluating '$scope.profile.data.forEach')

Dave Cooper Over a year ago

There isn't any way that this can be the case if what you provided in the question is accurate. Can you do console.log($scope.profile.data); and show your output?

Bambo Oyelaja Over a year ago

undefined is what i get

Dave Cooper Over a year ago

This should be showing your first user. What does console.log($scope.profile); give you?

Bambo Oyelaja Over a year ago

[Log] {"data":[{"id":"5","username":"ozombo","reputation":"ceo","activate":"8425","followercount":"3","praycount":"0","donetour":"0","fb_id":"0","fullname":"Adebambo Oyelaja","church":"RCCG ","photo":"1417451697.jpg","twtr_id":"0","screen_name":"","email":"[email protected]","bio":"Geek, Father, Husband","country":"Nigeria","state":"Lagos","followscount":"0","account":"","password":"5cf1bc1b9a2ada1ae9e29079aae1aefa","signup_date":"1413305984","signupdevice":"web","keycode":"5fc868f0767b0c164341a9e8e35edbe4","last_login":"1436519269", please refer to my question for full LOG

Collectives™ on Stack Overflow

Get values from json using angularjs

2 Answers 2

6 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related