Question

如何以角度

在网格中动态绑定数据

我在使用web api为角度准备动态网格时遇到问题。我正在从数据库表和csv的表体中准备表标题。在表标题表中我有数据类型froeach字段。如何绑定。

.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

Answer 1

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

以下是一个例子：

//var tsv is the TSV file with headers
function tsvJSON(tsv){

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

  var result = [];

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

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

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

      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-repeat来执行此操作。

角度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

如何在网格中以角度动态绑定数据

1 个答案: