anglejs asp.netからデータを取得

Question

私はSQL Serverの助けを借りてasp.netでWebアプリケーションを作成しています。私は多くのデータを持っているので、angularjsを使用しています。通常のC＃はangularjsと比較してデータを取り出すのが非常に遅い

は私が

[WebMethod] 
[ScriptMethod(UseHttpGet = true)] 
public void pageload(string log,string pm) 
{ 
    List<object> page = new List<object>(); 
    SqlCommand cmd = new SqlCommand("csuv4",con); 
    cmd.Connection = con; 
    cmd.CommandType = CommandType.StoredProcedure; 
    SqlParameter[] param = 
    { 
     new SqlParameter("@logintype",log), 
     new SqlParameter("@name",pm) 
    }; 
    con.Open(); 
    cmd.Parameters.AddRange(param); 
    SqlDataReader dr = cmd.ExecuteReader(); 
    while (dr.Read()) 
    { 
     page.Add(new 
     { 
      Id = dr["id"].ToString(), 
      Zone = dr["zone"].ToString(), 
      Location = dr["location"].ToString(), 
      VenueName = dr["venuename"].ToString(), 
      Venue = dr["venue"].ToString(), 
      Date = dr["date"].ToString(), 
      BrandName = dr["brandname"].ToString(), 
      StartTime = dr["starttime"].ToString(), 
      EndTime = dr["endtime"].ToString(), 
      HRS = dr["hrs"].ToString(), 
      Program = dr["Program"].ToString() 
     }); 
    } 
    con.Close(); 
    var json = js.Serialize(page); 
    Context.Response.Write("{" + '"' + "page" + '"' + ":" + json + "}"); 
} 

絶対に細かい動作しているWebサービスを作成しましたが、私はangularjsで実際に非常に新しいです、私のテーブル内のデータを見ることができないと私は私がやっているものを見つけるカント間違っ

ここに私のjsファイルと私のaspx>（私は私のjsのコードを書いていますwこれが私のjsファイルである）

<script> 
    var app = angular.module('myApp', []); 
    app.controller('csuvload', function ($scope, $http) { 

     $scope.getsonvindata = function() { 
      $scope.names = ''; 
      $http.get('/csuv5.asmx/pageload', { 
       params: { 
        log: log, 
        pm: pm 
       } 
      }) 
      .then(function (response) { 
       $scope.sonvinrpm = response.data.page; 
       console.log(response.data.page); 
      }); 
     } 
    }); 

</script> 
    <script> 
    var pm = "<%= Convert.ToString(Session["selectpmname"]) %>"; 
    var log = "<%= Convert.ToString(Session["radio"]) %>";   
</script> 

を私のaspxページをithin：

と、次は私のaspxテーブル

<div ng-app="myApp" ng-controller="csuvload"> 
<div class="table-responsive"> 
     <table class="table table-bordered font" style="width: 110%;"> 
      <tr class="bg-primary"> 
       <th>Id</th> 
       <th>Zone</th> 
       <th>Location</th> 
       <th>VenueName</th> 
       <th>Venue</th> 
       <th>Date</th> 
       <th>BrandName</th> 
       <th>StartTime</th> 
       <th>EndTime</th> 
       <th>HRS</th> 
       <th>Program</th> 
       <th>Assign_Trainer</th> 
      </tr> 
      <tr ng-repeat="x in sonvinrpm" ng-model="sonvinrpm"> 
       <td>{{x.id}}</td> 
       <td>{{x.Zone}}</td> 
       <td>{{x.Location}}</td> 
       <td>{{x.Venuename}}</td> 
       <td>{{x.Venue}}</td> 
       <td>{{x.Date}}</td> 
       <td>{{x.BrandName}}</td> 
       <td>{{x.StartTime}}</td> 
       <td>{{x.EndTime}}</td> 
       <td>{{x.HRS}}</td> 
       <td>{{x.Program}}</td> 
       <td> 
        <button type="button" ng-click="DetailsFunction(x)" class="btn btn-sm btn-primary active" data-toggle="modal" data-target="#Detailsmodel"><i class="glyphicon glyphicon-pencil"></i></button> 
        <button type="button" ng-click="getassigntrainerdata(x)" class="btn btn-sm btn-danger active" data-toggle="modal" data-target="#assigntrainermodel"><i class="glyphicon glyphicon-remove-sign"></i></button> 
       </td> 
      </tr> 
     </table> 
</div> 
</div> 

である私は、ページのロード時に、このデータを表示したい

Answer 1

としてあなたが書いた

I want to show this data on page load

この

<script> 
    var app = angular.module('myApp', []); 
    app.controller('csuvload', function ($scope, $http) { 
      $scope.names = ''; 
      $http.get('/csuv5.asmx/pageload', { 
       params: { 
        log: log, 
        pm: pm 
       } 
      }) 
      .then(function (response) { 
       $scope.sonvinrpm = response.data.page; 
       console.log(response.data.page); 
      }); 
    }); 

</script> 

であなたのJSファイルを置き換える私はちょうどあなたのjsファイルから

happy coding