how to get data in response which getting from server(nodejs expressjs) to angular controller?

Question

$http
   .get('/getFollowings/' + currentUser)
   .success(function(response) {
        $scope.friendlist = response;
   });

I want to get the data which in response.but i cannot handle those values individually. 'response' contain :

[{"_id":"597c9fabc1ada32277f1da34","following":[{"username":"him"},{"username":"ron"},{"username":"nadu"}]}]

I want to get this usernames.

@thelonglqd individually means i want to get just {"him", "ron", "nadu"} — Iranthi Prarthana, Jul 29 '17 at 20:51
@IranthiPrarthana Which version of angular are you using and are you getting any error in console? — Vivz, Jul 29 '17 at 20:52

Mumin Korcan · Answer 1 · 2017-07-29T20:54:14.233

2

I recommend to use lodash library , try this :

$scope.friendlist = _.chain(response.plain())
                     .map(function(item){
                        item.following = _.pluck(item.following,'username')
                        return item;
                     })
                     .pluck('following')
                     .flatten()
                     .value();

edited Jul 29 '17 at 20:54

answered Jul 29 '17 at 20:25

Mumin Korcan

101
7

here wht i got : "Error: _ is not defined" – Iranthi Prarthana Jul 29 '17 at 20:55
Yes, if you have not installed lodash in your project , it is usual. Before you try , please install. https://stackoverflow.com/questions/23862119/how-to-make-lodash-work-with-angular-js – Mumin Korcan Jul 29 '17 at 20:59

Vivz · Accepted Answer · 2017-07-29T20:55:31.210

You can use angular.forEach

$scope.usernames = [];
$http.get('/getFollowings/' + currentUser)
    .success(function(response) {
      $scope.friendlist = response;
      angular.forEach($scope.friendlist[0].following, function(val) {
          $scope.usernames.push(val.username)
      });
    });

Here $scope.usernames is an array with all the values of usernames

You can use ng-repeat to display these values in the view.

 var myApp = angular.module('myApp', []);
 myApp.controller('ctrl', ['$scope', function($scope) {
     var response = [{
         "_id": "597c9fabc1ada32277f1da34",
         "following": [{
             "username": "him"
         }, {
             "username": "ron"
         }, {
             "username": "nadu"
         }]
     }];
     $scope.usernames = [];
     angular.forEach(response[0].following, function(val) {
         $scope.usernames.push(val.username)
     });
 }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="ctrl">
<div ng-repeat="username in usernames"><span>{{username}}</span></div>
</div>

You should do this inside success of your API call. Are you sure that your response is of the same structure as mentioned in the question?? — Vivz, Jul 29 '17 at 20:43

hurricane · Answer 3 · 2017-07-29T20:53:18.573

0

If you are using $http you need to serve Object to client.

Structure:

{
  "data": [
    {
      "_id": "597c9fabc1ada32277f1da34",
      "following": [
        {
          "username": "him"
        },
        {
          "username": "ron"
        },
        {
          "username": "nadu"
        }
      ]
    }
  ]
}

In your controller:

$scope.friendlist = response.data;
//i think it's simple
for(var i=0;i<$scope.friendlist.length;i++){
    console.log($scope.friendlist[i]);
}

edited Jul 29 '17 at 20:53

answered Jul 29 '17 at 20:33

hurricane

6,521
2
34
44

then how do i get each value in '$scope.friendlist' ? – Iranthi Prarthana Jul 29 '17 at 20:46
@IranthiPrarthana You can use "for" or "angular.forEach". – hurricane Jul 29 '17 at 20:54

Surjeet Bhadauriya · Answer 4 · 2017-07-29T20:53:57.280

Just use forEach loop to get all username from the array.

    $scope.usernameList = [];
    $http
    .get('/getFollowings/' + currentUser)
    .success(function(response) {
       $scope.friendlist = response;           
       $scope.friendlist[0].following.forEach(function(item){
       $scope.usernameList.push(item.username);  
       });
   });

So now $scope.usernameList contains all the usernames which are in the array named following.

how to get data in response which getting from server(nodejs expressjs) to angular controller?

4 Answers4