2017-05-22 12 views
0

にNGリピートを持つテーブル私は二重のエントリポイントとangularJS ngのリピートを持つテーブルを構築しようとしています。ここ は一例であり:上記の表にAngularJS:列と行

  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を使うのかよく分かりません。

+0

はあなたが好きなわけ(http://jsfiddle.net/8q31ufqw/1/) – George

+0

@Georgeはい、しかし、私は同様に行見出しをしたいと思います。 –

+4

ああのようなので、[この?](http://jsfiddle.net/8q31ufqw/3/) – George

答えて

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> 
+0

[OK]を、私はあなたがngTableでこれを行う方法を知っているだろう、顔をしているのだろうか? –

関連する問題