サーバ（nodejs expressjs）から角度コントローラにデータを取得するには、どのようにデータを取得するのですか？

Question

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

私はこれらの値を個別に処理することはできませんが、私はresponse.butでデータを取得したいと思います。 'レスポンス' は含まれています

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

私はこのusernamesを取得したいです。私はこれを試してみてください、lodashライブラリを使用することをお勧めします

Answer 1

あなたがここに$scope.usernamesを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) 
     }); 
    }); 

を使用することができますがあなたが使用することができ、ユーザ名

のすべての値を持つ配列でありますng-repeatを使用して、これらの値をビューに表示します。

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>

Answer 2

：

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

Answer 3

あなたは$ HTTPを使用している場合は、クライアントにオブジェクトを提供する必要があります。

構造：あなたのコントローラで

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

：

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

Answer 4

だけ配列からすべてのユーザ名を取得するには、foreachループを使用します。

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

したがって、$scope.usernameListには、次の名前の配列に含まれるすべてのユーザー名が含まれています。