Angular UI Grid显示编码数据

时间:2015-08-11 13:51:44

标签: angularjs node.js angular-ui-grid

有没有办法以格式显示数据

"{\"brand\":\"newBrand\",\"Id\":\"1\",\"field\":\"1\",\"date\":1437487498449,\"period\":2,\"newUser\":0}"

在表格(单行)中单独显示它们(适当列中的每一项数据 - column1 - Id,column2 - 品牌等)?

我解析(JSON.parse)数据,但我无法将它们分开并在适当的列中显示 - 所有数据都转到第一列。

我试图重现plunkr

1 个答案:

答案 0 :(得分:0)

UI-Grid将对象数组作为数据,因此您需要在数组中包含json。只需在解析的json对象周围添加括号。

  $scope.myData = [JSON.parse("{\"brand\":\"newBrand\",\"Id\":\"1\",\"field\":\"1\",\"date\":1437487498449,\"period\":2,\"newUser\":0}")];

同样适用于多个json对象:

  $scope.myData = [
    JSON.parse("{\"brand\":\"newBrand\",\"Id\":\"1\",\"field\":\"1\",\"date\":1437487498449,\"period\":2,\"newUser\":0}"),
    JSON.parse("{\"brand\":\"newBrand\",\"Id\":\"1\",\"field\":\"1\",\"date\":1437487498449,\"period\":2,\"newUser\":0}")
  ];