javascript - angularjs用 "\"解析json

标签 javascript json angularjs parsing

我有以下 json(存在于 $scope.projectData 中)。

[{
   "\"Space\"": "\"L1 (1 floor)\"",
   "\"Subject\"": "\"Corridor Distance\"",
   "\"Label\"": "\"Corridor Distance\"",
   "\"Color\"": "\"#33CCCC\"",
   "\"Length\"": "\"193.55\"",
   "\"Count\"": "\"0\"",
   "\"Multiplier\"": "\"1\"",
   "\"TotalFt\"": "\"193.55\"",
   "\"TotalCounts\"": "\"\"",
   "\"Notes\"": "\"\""},
{
   "\"Space\"": "\"L1 (1 floor)\"",
   "\"Subject\"": "\"Corridor Distance\"",
   "\"Label\"": "\"Corridor Distance\"",
   "\"Color\"": "\"#33CCCC\"",
   "\"Length\"": "\"210.36\"",
   "\"Count\"": "\"0\"",
   "\"Multiplier\"": "\"1\"",
   "\"TotalFt\"": "\"210.36\"",
   "\"TotalCounts\"": "\"\"",
   "\"Notes\"": "\"\"" }]

这是我的 Controller

$scope.csvParse = function(item) {

    var array = JSON.parse(item);
     console.log(item);

  };

和我的 html

{{ csvParse(projectData) }} 

我的代码无法运行。有什么建议吗?

最佳答案

为什么不直接执行以下操作呢?

 $scope.projectData = [{
   "Space": "L1 (1 floor)",
   "Subject": "Corridor Distance",
   "Label": "Corridor Distance",
   "Color": "#33CCCC",
   "Length": "193.55",
   "Count": "0",
   "Multiplier": "1",
   "TotalFt": "193.55",
   "TotalCounts": "",
   "Notes": ""},
{
   "Space": "L1 (1 floor)",
   "Subject": "Corridor Distance",
   "Label": "Corridor Distance",
   "Color": "#33CCCC",
   "Length": "210.36",
   "Count": "0",
   "Multiplier": "1",
   "TotalFt": "210.36",
   "TotalCounts": "",
   "Notes": "" }];

{{ projectData }} 

编辑:或者,您可以通过更改 csvParse 来修复项目数据,如下所示:

function clean(str) {
  return str.replace(/\"/g, "")
}

$scope.csvParse = function(objs) {
  var newObjs = [];

  objs.forEach(function(obj) {
    var newObj = {};

    for(var key in obj) {
      val = obj[key];

      newObj[clean(key)] = clean(val);
    }

    newObjs.push(newObj);
  });

  return newObjs;
};

关于javascript - angularjs用 "\"解析json,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31881685/

相关文章:

javascript - TypeError : d. $$minErr 不是 angular-route.min.js 中的函数

javascript - 深入理解 Javascript 中的闭包

javascript - 使用 Javascript 从字符串中删除部分单词

json - postgresql 未定义的 json 字段未按预期返回 null

javascript - angularjs - 基于先前选择选项的嵌套 json 的 ng-options

javascript - AngularJS/Rails 回形针文件上传

angularjs - UIBootstrap datePicker 中的初始日期

javascript - 我如何制作这种悬停效果(悬停 1 按钮以更改元素的 ID,然后在悬停时它会变回其原始 ID?)[jquery,css3]

javascript - 连接到远程 SSH 服务器(通过 Node.js/html5 控制台)

codeigniter - 使用 CodeIgniter 基于 JSON 数据创建 Google 饼图