javascript Angularjs get single value from array

Question

I'm quite new to angularjs and somehow theres something I can't make a workaround.

Its getting a single value from a json array and then placing it in a scope variable. Lets say just got an array from a php query which looks like this (printed view):

array(
[name]   => John Doe,
[age]    => 29,
[gender] =>male);

And then it is added through this scope variable:

$scope.profile = response.data;

How can I pick a single a value from that array and then place it separate scope variables?

$scope.name; $scope.age; $scope.gender;

try response.data.name or response.data['name'] and assign it to $scope.name — uzaif
– uzaif, Commented May 29, 2016 at 13:35
I tried it, it didn't work. Looks like I need to transfer it to object from json first. — Alvin
– Alvin, Commented May 29, 2016 at 13:40
Parse json object in javascript or try to send php data in json_encoded format — uzaif
– uzaif, Commented May 29, 2016 at 13:42
use this method for parsing json JSON.parse(response); and store it in variable — uzaif
– uzaif, Commented May 29, 2016 at 13:43
I tried this: $scope.profile = JSON.parse(response); and even $scope.profile = JSON.parse(response.data); but its not returning anything. — Alvin
– Alvin, Commented May 29, 2016 at 13:47

Michael Doye · Accepted Answer · 2016-05-29 14:59:59Z

Send your data back from your PHP using json_encode

return json_encode($array);

which will then give you

object {
 name: 'John Doe',
 age: '29',
 gender: 'male'
}

And you can then access it using:

$scope.profile = response.data;
//
$scope.name   = $scope.profile.name;
$scope.age    = $scope.profile.age;
$scope.gender = $scope.profile.gender;

Example:

var app = angular.module('someApp', [])
  .controller('someCtrl', function ($scope) {
    
    var object = {
      name: 'John Doe',
      age: '29',
      gender: 'male'
    };

    $scope.profile = object;
    
    $scope.name   = $scope.profile.name;
    $scope.age    = $scope.profile.age;
    $scope.gender = $scope.profile.gender;
    
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="someApp" ng-controller="someCtrl">{{name}}, {{age}}, {{gender}}</div>

mitchken · Accepted Answer · 2016-05-29 13:34:46Z

0

$scope.name = response.data.name;
$scope.age = response.data.age;
$scope.gender = response.data.gender;

This should add them to the $scope.

Make sure that the elements are in an object, not JSON string anymore.

Or if you stay with the other one you already have:

$scope.name = $scope.profile.name;
$scope.age = $scope.profile.age;
$scope.gender = $scope.profile.gender;

answered May 29, 2016 at 13:34

mitchken

80010 silver badges26 bronze badges

3 Comments

Alvin Over a year ago

the elements are still on JSON string. How can I transfer it first?

mitchken Over a year ago

JSON.parse(stringToParse);

Alvin Over a year ago

i tried it, but its not working. its nor returning anything.

Collectives™ on Stack Overflow

javascript Angularjs get single value from array

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related