angular nested ng-repeat with server side data

Question

I want to bind "Thread" and "Comments".

Thread 1
- Comment 1
- Comment 2
- Comment 3
Thread 2
- Comment 1
- Comment 2
Thread 3
- Comment 1
- Comment 2
- Comment 3
- Comment 4
- Comment 5

I have to fetch "Thread" and "Comment" from database by service. Thread Service gives data of all Threads while "Comment" service takes Thread ID and returns only passed Thread ID Comment.

So, How to bind the data like above nested list by tow separate services.

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);
    });
})

Alexander Kravets · Accepted Answer · 2016-05-31 13:07:07Z

1

Fetch the comments from server inside the success handler of your threads call:

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);
        });
    });
})

edited May 31, 2016 at 13:07

answered May 31, 2016 at 13:01

Alexander Kravets

4,4351 gold badge19 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular nested ng-repeat with server side data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest