在角

Question

如何动态地在网格中的角

结合数据网格动态绑定数据如何我有准备的动态网格角使用Web api.initially我准备从表中的数据库表和表体的标题有问题来自csv。在表标题表中我有每个字段的数据类型。

如何绑定。

 .csv 
     ======== 
     ADescription,AProdName,BarCode,BaseUnit,CategoryID,Description,IsNonInv,PCode,ProdName,Status 
     arabic RRM Product 001 Description,Arabic RRM Product 001,Product Wise BarCode,Nos,Products Category,RRM Product 001 Description,Spares,,RRM Product 001,Active 
     arabic RRM Product 001 Description,Arabic RRM Product 001,Product Wise BarCode,Nos,Products Category,RRM Product 001 Description,Spares,,RRM Product 001,Active 

     Header Table 
     ============= 
      ColumnName DataType Mandatory Hidden ReadOnly ColSeq 

     51 ADescription text  0 0 0 
     51 AProdName text  0 0 0 
     51 BarCode text 0  0 0 
     51 BaseUnit int  1 0 0 
     51 CategoryID int  1 0 0 
     51 Description text  0 0 0 
     51 IsNonInv int  0 0 0 
     51 PCode text 0  0 0 
     51 ProdName text  1 0 0 
     51 Status int 0  0 0 


    in table heading 
====================== 

以ng-中继=进口在DataSetHeader和结合import.ColumnName

in table body 
================ 

在TR NG-重复

=网格在数据集以及在TD NG-重复=在DataSetHeader中导入。

在puttype应该来自import.DataType和绑定数据

Answer 1

这不是你的第一次，您可以将您的.csv转换成JSON。

下面是一个例子：

//var csv is the CSV file with headers 
function csvJSON(csv){ 

    var lines=csv.split("\n"); 

    var result = []; 

    var headers=lines[0].split(","); 

    for(var i=1;i<lines.length;i++){ 

     var obj = {}; 
     var currentline=lines[i].split(","); 

     for(var j=0;j<headers.length;j++){ 
      obj[headers[j]] = currentline[j]; 
     } 

     result.push(obj); 

    } 

    //return result; //JavaScript object 
    return JSON.stringify(result); //JSON 
} 

以后可以使用angularjs NG重复这样做。

在角1：

<div ng-repeat="(key, value) in myObj"> ... </div> 

如果值是您的JSON ...

注释1：http://techslides.com/convert-csv-to-json-in-javascript

参考文献2：https://code.angularjs.org/1.6.5/docs/api/ng/directive/ngRepeat