2017-01-20 22 views
-1

これはサーバからデータを取得するためのコントローラ機能です。ng:データをロードしないでください。

function carsController($http, $scope, $timeout) { 
    var vm = this; 
    vm.getCarData = getCarData; 

    function getCarData(){ 
     $http.get('/api/getData').then(function (response) { 
      console.log(response.data.message); 
      vm.list = response.data.message; 
     });   
    } 
} 

ここに返されるデータです。

{ 
    "message":[ 
     { 
      "emp_id":1, 
      "emp_name":"toyota", 
      "city":"city1", 
      "nic_no":4554 
     }, 
     { 
      "emp_id":2, 
      "emp_name":"sunny", 
      "city":"city2", 
      "nic_no":57412 
     }, 
     { 
      "emp_id":3, 
      "emp_name":"tata", 
      "city":"city3", 
      "nic_no":1234 
     } 
    ] 
} 

とデータを表示するhtmlコード。私は車の代わりに示すデータの

<div class="row" data-ng-init="cars.getCarData()"> 
    <div class="panel panel-default"> 
    <table class="table table-bordered table-hover"> 
     <tr> 
     <th>Name</th> 
     <th>Pages</th> 
     </tr> 
     <tr ng:repeat="vehicle in cars.list track by $index"> 
     <td>{{vehicle.emp_name}}</td> 
     <td>{{vehicle.city}}</td> 
     </tr> 
    </table> 
    </div> 
</div> 

、UIショー100+のページがロードされ、空行としてcarsControllerを使用しています。

何が問題になりますか?

私は手動で以下のように値を設定した場合、これがうまく機能

更新しました。

vm.list = [ 
     { 
      "emp_id":1, 
      "emp_name":"toyota", 
      "city":"city1", 
      "nic_no":4554 
     }, 
     { 
      "emp_id":2, 
      "emp_name":"sunny", 
      "city":"city2", 
      "nic_no":57412 
     }, 
     { 
      "emp_id":3, 
      "emp_name":"tata", 
      "city":"city3", 
      "nic_no":1234 
     } 
    ]; 
+0

タイ指摘 - >構文はng-repeatです。 –

+1

'ng:repeat'もうまくいきます。非常によく知られていない事実 – ricky

+0

'vehicle in cars.list'は' vehicles.vm.list'の車であるかもしれません –

答えて

関連する問題