角度jsは最後のデータのみを表示します

Question

私は顧客とリストの2つのテーブルを持ち、外来キーをリストし、顧客が持っているリストを表示する必要があります。リストは多く、顧客は1つだけです。 mysqlの1対多の

$scope.getCustomer = function (id) { 

     $http.get("/customers/getone/" + id) 

     .then(function successCallback (response, data, status, headers, config) { 

      $('#edit').modal('show'); 

      $scope.nameC = response.data[0].nameC; 
      $scope.id=id; 
      //$scope.clearForm() 

      for (i = 0; i < response.data.length; i++) { 

      $scope.nameL = response.data[i].nameL; 
      //alert($scope.nameL); 

     } 



     }, 

    function errorCallback(error, data, status, haders, config) { 
     console.log('Error getting: ' + data); 

    }); 
} 

私はすべてのリストを警告していますが、htmlには最後のリストしかありません。私はすべての顧客を示すためにng-repeatを持っています。私はあなたのスコープ内のリストをALLE格納する必要がありますが、全てのリストを表示するために取得するには選択した顧客

<label>Name Kunde</label> 
       <td> 
       <span ng-bind="nameC"></span> 
       </td> 
       <br> 
       <label>Name Liste</label> 
       <td> 
       <span ng-bind="nameL"></span> 
      </td> 



      <table class="table table-bordered"> 
      <tr> 
       <th>Name Listen</th> 

      </tr> 

      <tr ng-repeat="data in [nameL] track by $index"> 

      <td>{{data}}</td> 


      <td> 



       </td> 
      </tr> 
     </table> 

Answer 1

に一人の顧客とのすべてのリストを表示するにはNG・リピートまたはNG-バインドをしたいです。現時点では、最後のリストのみをスコープに格納します。

$scope.lists = []; 

for (i = 0; i < response.data.length; i++) { 
    $scope.nameL = response.data[i].nameL; 
    $scope.lists.push(nameL); 
    //alert($scope.nameL); 
} 

は、あなたにHTML

のリストのリストを表示

<table class="table table-bordered"> 
    <tr> 
     <th>Name Listen</th> 
    </tr> 
    <tr ng-repeat="data in lists track by $index"> 
     <td>{{data}}</td> 
     <td> 
     </td> 
    </tr> 
</table>