javascript - 以 Angular 管理For循环？

Question

我是一个 Angular 新手，我正在尝试遍历数组中的每个对象，为新数组中的每个对象创建一个用户行，请参见下面的场景

在下面的示例中，我只想获取 to_user_id 为每个创建新行

[{id: 1, to_user_id: 5, from_user_id: 4},
{id: 2, to_user_id: 6, from_user_id: 4}]

下面是我的服务，我知道我必须将它包装在一个 for 循环中并将对象推送到一个新数组，我只是不知道如何用 Angular 表达它

UserService.GetUserById(to_user_id)
        .success(function (data) {

          }).
        error(function(error, status) {
          alert(status);
          console.log(error);         
      });
    });

Answer 1

你返回的数据是一个数组，所以你可以循环遍历它:

$scope.users = [];

myService.getData().then(function(data){
    angular.forEach(data, function(user){
        getUser(user.to_user_id);
    });
});

function getUser(id) {
    UserService.GetUserById(id)
        .success(function (data) {
            $scope.users.push(data);
        }).error(function(error, status) {
            alert(status);
            console.log(error);         
        });
    });
}

然后遍历您范围内的用户:

<ul>
    <li ng-repeat="user in users">{{ user.name }}</li>
</ul>