如何$范围变量分配使用JSON字符串

Question

在AngularJs，以下是工作 -

$scope.product= {items:[{itemname:'apple',itemdesc:'fruit'}]} 

但我想从下面的JSON字符串得到$scope.product -

var strJson = "{items:[{itemname:'apple',itemdesc:'fruit'}]}"; 
$scope.product=strJson; 

不工作。我所有的是一个JSON字符串，我需要分配到$scope.product。我已使用JSON.parse()和JSON.toJson()，但它们不起作用。 我不知道我做错了什么

下面是我的确切代码：

$http.get('/getItems').success(function(data) { 
    var jsondata="{\items\:"; 
    jsondata+=JSON.stringify(data); 
    jsondata+="}"; 
    jsondata=jsondata.replace(/"itemname"/g, 'itemname'); 
    jsondata=jsondata.replace(/"itemdesc"/g, 'itemdesc'); 

     // WORKING CODE 
    $scope.product = {items:[{itemname:"apple",itemdesc:"fruit"}]}; 

     // NOT WORKING CODE 
    var jsonObj = jsondata; 
    $scope.product = jsonObj; 
}); 

Answer 1

这是问题所在。显然，如果您使用JSON.parse将JSON字符串转换为JSON，那么您的属性名称应该用双引号而不是单引号括起来。

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 

 
$scope.product= '{"items":[{"itemname":"apple","itemdesc":"fruit"}]}' 
 
    $scope.product = JSON.parse($scope.product); 
 
    
 
console.log($scope.product) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
    
 
</div>

Answer 2

您可以使用JSON.parse，发现下面

var strJson = JSON.parse("{items:[{itemname:'apple',itemdesc:'fruit'}]}")答案;

Answer 3

我会建议使用角度的方式来CONVER JSON反对：

$scope.product= "{items:[{itemname:'apple',itemdesc:'fruit'}]}"; 
$scope.product = angular.fromJson($scope.product); 

和对象到JSON如下：

var strJson = angular.toJson($scope.product); 

Answer 4

JSON standard预计值有双引号周围。所以你的JSON字符串不可解析JSON。

var mystr = '{"items": [{"itemname": "apple","itemdesc": "fruit"}]}'; 
 
console.log(JSON.parse(mystr)) 
 
console.log(typeof JSON.parse(mystr))

Answer 5

我认为您的字符串格式不正确的，它应该是这样的。

var str = '{"items":[{"itemname":"apple","itemdesc":"fruit"}]}'; 
$scope.product = JSON.parse(str) 

Answer 6

请在JSON中使用双引号（通过转义它们）。然后JSON.parse（）将适当地接受输入字符串并正确解析。也删除方括号。

$scope.jsonString = "{\"items\":{\"itemname\":\"apple\",\"itemdesc\":\"fruit\"}}"; 

var test = JSON.parse($scope.jsonString); 

上侧

注意，您还可以使用JSON Lint来检查，如果你的JSON是有效的。

让我知道这是否有帮助。