AngularJS : 열과 행에서 ng-repeat가있는 테이블

Question

double 엔트리 포인트가있는 angularJS ng-repeat가있는 테이블을 작성하려고합니다. 여기 예이다 : 위 표에

  Column A Column B Column C 
Object 1 X      Y 
Object 2    P  
Object 3       N 

"개체 1"2 하위 개체 갖는다 : X 및 Y는 각각의 열 A 및 C에 속한다.

행 내용을 열 머리글과 일치시킬 수 있어야합니다. JSON 구조가 무엇인지 또는이 작업을 수행하기 위해 ng-repeat를 사용하는 방법을 잘 모르겠습니다.

Answer 1

이와 같은 로직을 처리하려면 ngTable과 같은 써드 파티 라이브러리를 고려할 것입니다. 오픈 소스 커뮤니티는 일반적으로 이런 문제에 대한 훌륭한 해결책을 생각해 왔습니다.

귀하의 예 : [?이]

controller.js

angular.module('yourmodule', ["ngTable"]) 
     .controller('exampleController', ($scope, $service, NgTableParams) => { 

    // Get a JSON object from your backend of choice 
    $service.getObjects().then(rows => { 
     $scope.table_data = new NgTableParams({}, {dataset: rows}) 
    }) 
}) 

template.html

<div ng-controller="exampleController"> 
    <table ng-table="table_data"> 
     <tr ng-repeat="row in $data"> 
      <td title="ColA"></td> 
      <td title="ColB"></td> 
      <td title="ColC"></td> 
     </tr> 
    </table> 
</div>