Javascript JSON解析器不'；不能用角形ng重复工作

我正在尝试访问json obj并将值设置到Angular Ui-grid中。但问题是，我的一些json obj字段是json字符串。我尝试使用json.parser将这些字段转换为json obt，然后尝试访问。但没有任何内容可以显示，也不会给出任何错误消息

Json Obj

我试图在单元格模板中将

JobDetails

字段转换为json obj

var testPlantemplate ='<div><ul><li ng-repeat="testPlans in JSON.parse(row.entity.JobDetails)">{{testPlans.environment}}</li></ul></div>';

var testPlantemplate='
{{{testPlans.environment}
；

完整的Js脚本

“严格使用”；
var tepTableModule=角度。模块（'测试'，
['ngAnimate'，'ngTouch'，'ui.grid'，'ngResource'].factory（'Service'，'，
职能（资源）{
返回$resource（'/api/job/jobs'，{}）；
});
可折叠模块
.控制员(
“tepTableCtrl”，
功能（范围、服务）{
$scope.TestData=Service.query（）；
//这不管用
var testPlantemplate='
{{{testPlans.environment}
；
$scope.tableData={
数据：“TestData”，
groupsCollapsedByDefault:true，
启用钉扎：正确，
columnDefs:[{
字段：“jobId”，
displayName:“作业ID”，
可见：假
},  {
字段：“作业详细信息”，
displayName:'测试计划名称'，
细胞模板：TestPlantTemplate，
可见：正确
},
{
字段：“作业类型”，
displayName:“作业类型”，
可见：正确
},
{
字段：“环境”，
displayName:'环境'，
可见：正确
},
{
字段：“状态”，
displayName:“状态”，
可见：正确
},
{
字段：“elapsedTime”，
displayName:'LastRun'，
可见：正确
},
{
字段：“JobDetails.additionalEmailRecipients”，
displayName:“电子邮件收件人”，
可见：正确
},
{
字段：“执行者”，
displayName:'执行者'，
可见：正确
}
],
索廷福：{
字段：['elapsedTime']，
说明：['desc']
},
插件：[新的ngGridAutoRowHeightPlugin（）]
};
$scope.changeGroupBy=函数（组）{
$scope.gridOptions.groupBy（组）；
}
$scope.clearGroupBy=函数（）{
$scope.gridOptions.$gridScope.configGroups=[]；
$scope.gridOptions.groupBy（）；
}
});

---

请让我知道如何访问ng repeat内部的

作业详细信息

并将其设置到ui网格中。

在范围中创建一个方法

$scope.parseJSON=function(strObj){
  return JSON.parse(strObj);
}

然后从模板调用

var testPlantemplate ='<div><ul><li ng-repeat="testPlans in parseJSON(row.entity.JobDetails)">{{testPlans.environment}}</li></ul></div>';

var testPlantemplate='
{{{testPlans.environment}}
；

---

在作用域中创建一个方法

$scope.parseJSON=function(strObj){
  return JSON.parse(strObj);
}

然后从模板调用

var testPlantemplate ='<div><ul><li ng-repeat="testPlans in parseJSON(row.entity.JobDetails)">{{testPlans.environment}}</li></ul></div>';

var testPlantemplate='
{{{testPlans.environment}}
；

您可以尝试使用stringify（）吗？然后它会跳过所有“/”

var testPlantemplate='
{{{testPlans.environment}
；

检查此链接

您可以尝试使用stringify（）吗？然后它会逃避所有“/”

var testPlantemplate='
{{{testPlans.environment}
；

检查此链接

---

我尝试了，但函数没有执行。我将

console.log

放在函数内部。您能用伪数据在JSFIDLE中生成它吗@gihanI更新了您的JSFIDLE并尝试访问，但在访问jobDetails时未执行。我能够访问

jobdetails

，但问题是当涉及到ui网格时，它无法工作。gihan抱歉地说，我对ui网格一无所知，而不是

current

到`row.entity.JobDetails`。您可以分别询问我是否已尝试但函数未执行。我将

console.log

放在函数内部。您是否可以在JSFIDLE中使用伪数据生成它@gihanI更新了您的JSFIDLE并尝试访问，但在访问jobDetails时未执行。我能够访问

jobdetails

，但问题是当涉及到ui网格时，它无法工作。gihan抱歉地说，我对ui网格一无所知，而不是

current

到`row.entity.JobDetails`。你可以单独问

    var testPlantemplate ='<div><ul><li ng-repeat="testPlans in JSON.stringify(row.entity.JobDetails)">{{testPlans.environment}}</li></ul></div>';