Multiple Rasteransicht ui-grid

Question

I ein Szenario haben die einzelnen Rasteransicht in mehrere Rasteransicht aufzuspalten,

Beispiel: In einem Array I 10 Daten a [10] Die Werte für diese einzelnen Daten-I muss neues ui-grid mit eckigen js setzen.

Kunde 1 mit 10 einzigartigen Aufzeichnungen REG1, REG2, REG2 Daten, dafür habe ich in einem Gitteransicht anzuzeigen

Label-Ansicht:

REG101 Customer 1 

Grid View:

---------------------------------------------- 
Item1| shop| details |avaialbilty |Workshop  
---------------------------------------------- 

Etikettenansicht:

REG102 Customer 2 

Grid View:

---------------------------------------------- 
Item2| shop| details |avaialbilty |Workshop  
---------------------------------------------- 

Label-Ansicht:

REG103 Customer 3 

Grid View:

---------------------------------------------- 
Item3| shop| details |avaialbilty |Workshop  
---------------------------------------------- 

Answer 1

mit ng-wiederholen wir dies in Leichtigkeit erreichen können. Ich habe einen Beispielcode getan, um es

zu zeigen

var app=angular.module('myapp',["ngGrid"]); 
 

 
app.controller('mycontroller',function($scope){ 
 

 
$scope.Datas=[ 
 
{"data":[{"color":"red" 
 
},{"color":"green" 
 
},{"color":"amber" 
 
}]}, 
 
{"data":[{"color":"blue" 
 
},{"color":"violet" 
 
},{"color":"pink" 
 
}]}, 
 
{"data":[{"color":"steelblue" 
 
},{"color":"yellow" 
 
},{"color":"white" 
 
}]} 
 
]; 
 
    $scope.gridOptions = [{data:'Datas[0].data'},{data:'Datas[1].data'},{data:'Datas[2].data'}]; 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.11/ng-grid.min.js"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.11/ng-grid.min.js"></script> 
 
<div ng-app='myapp'> 
 
    <div ng-controller='mycontroller'> 
 
    <!-- <div ng-repeat="item in Datas" facdata="item"></div> --> 
 
\t 
 
<div ng-repeat="item in gridOptions" class="gridStyle" ng-grid="item"></div> 
 
\t 
 
    </div> 
 
    </div>