javascript - 带有服务器端数据的 Angular 嵌套 ng-repeat

Question

我想绑定(bind)“话题”和“评论”。

• 主题 1
  • 评论 1
  • 评论2
  • 评论3
• 主题 2
  • 评论 1
  • 评论2
• 主题 3
  • 评论 1
  • 评论2
  • 评论3
  • 评论4
  • 评论5

我必须按服务从数据库中获取“主题”和“评论”。线程服务提供所有线程的数据，而“注释”服务获取线程 ID 并仅返回传递的线程 ID 注释。

那么，如何通过两个单独的服务绑定(bind)上述嵌套列表的数据。

app.controller('ThreadCtrl', function ($scope, $http, $location) {
    $scope.Threads = [];
    $scope.Comments = [];

    $http({
        method: 'POST',
        url: 'api/ThreadList'
    }).success(function (data) {
        $scope.Threads = JSON.parse(data);
    });
   
    $http({
        method: 'POST',
        url: 'api/CommentList',
        data: JSON.stringify({ ThreadID: 0 }) //The problem is, ThreadID will resolve at runtime
    }).success(function (data) {
        $scope.Threads = JSON.parse(data);
    });
})

Answer 1

从 threads 调用的 success 处理程序内的服务器获取注释:

app.controller('ThreadCtrl', function ($scope, $http, $location) {
    $scope.Threads = [];
    $scope.Comments = [];

    $http({
        method: 'POST',
        url: 'api/ThreadList'
    }).success(function (data) {
        $scope.Threads = JSON.parse(data);

        // iterate over the threads here (this is where they are available already) and fetch the comments by IDs...

        var thread = ...;

        $http({
            method: 'POST',
            url: 'api/CommentList',
            data: JSON.stringify({ ThreadID: thread.id })
        }).success(function (data) {
            thread.comments = JSON.parse(data);
        });
    });
})