角度嵌套ng-repeat與服務器端數據

Question

我想綁定「線程」和「評論」。

• 線程1
  • 註釋1
  • 評論2
  • 評論3
• 線程2
  • 註釋1
  • 評論2
• 線程3
  • 註釋1
  • 評論2
  • 評論3
  • 評論4
  • 註釋5

我必須取「螺紋「和」評論「從數據庫服務。線程服務提供所有線程的數據，而「評論」服務取得線程ID並僅返回傳遞的線程ID註釋。

那麼，如何通過拖拽單獨的服務來綁定上述嵌套列表中的數據。

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

抓取success處理您的threads呼叫內從服務器的評論：

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