angularjs重复不会在第一时间显示数据

Question

首先，我很抱歉，因为我的英语。 我正在显示一张表，表示它的数据来自服务器，并以角度重复显示。 我做了一个ng表单，发送一个ajax请求的表的每一行，并得到另一个表，我想在另一个表中显示，直到现在所有的东西都是正确的，但我有一个小问题，我的问题是我必须在第一个表格的行上点击两次才能显示第二个表格数据，第一次所有数据都来自服务器，但没有显示在第二个表格中，我的角度代码如下所示。

angular.module("BI", []) 
     .controller("ListTables", function ($scope, $http) { 
      $scope.ReportLst = []; 
      $scope.myData = {}; 
      $scope.myData.ReportLst = []; 
      $scope.myData.ReportDetail = []; 
      $scope.myData.ReportDetail2 = []; 
      $scope.selectedReportval = ""; 
      $scope.Load = function() { 
       $http.post('MakeReport.aspx/LoadReportLst', { data: {} }) 
        .success(function (data) { 
         $scope.myData.ReportLst = JSON.parse(data.d); 
        }) 
        .error(function (data, status) { 
         alert('error'); 
        }); 

      } 
      $scope.SelectRepID = function (val) { 

       $.ajax({ 
        type: "POST", 
        url: "MakeReport.aspx/GetReportDetail", 
        contentType: "application/json; charset=utf-8", 
        data: "{ 'val': '" + val + "'}", 
        dataType: "json", 
        success: function (data) { 
         $scope.myData.ReportDetail = JSON.parse(data.d); 
        }, 
        error: function (data, status, jqXHR) { 
         alert(data.d); 
        } 
       }); 
       $scope.selectedReportval = val; 
      } 
     }); 

Answer 1

在你的第二个请求，你使用$.ajax代替$http，因为这不是一个角功能的digest不会被触发，你的观点将不会被更新，以解决这个问题，你那里也必须使用$http。

$scope.SelectRepID = function (val) { 
    $http.post({ 
     url: "MakeReport.aspx/GetReportDetail", 
     contentType: "application/json; charset=utf-8", 
     data: "{ 'val': '" + val + "'}", 
     dataType: "json" 
    }).then(
     function(data) { 
      $scope.myData.ReportDetail = JSON.parse(data.d); 
     }, function(error) { 
      alert(error); 
     } 
    ); 
    $scope.selectedReportval = val; 
} 

---

更新：另一种方法是在你的$.ajax成功函数使用$timeout像这样（这将触发摘要）。

success: function (data) { 
    $timeout(function() { 
     $scope.myData.ReportDetail = JSON.parse(data.d); 
    }); 
}