转换一个JsonString到angular.js阵列

我有形式转换一个JsonString到angular.js阵列

[{ 
    "mileage": 12033, 
    "name": "Ford", 
    "model": "Focus", 
    "engine": "3 gophers on a treadmill", 
    "color": "green" 
}, { 
    "mileage": 85000, 
    "name": "Chevy", 
    "model": "mailbu", 
    "engine": "6 cylinder", 
    "color": "Maroon" 
}, { 
    "mileage": 612033, 
    "name": "Ford", 
    "model": "F150", 
    "engine": "6 cylinder", 
    "color": "Green" 
}, { 
    "mileage": 89500, 
    "name": "Pontiac", 
    "model": "G6", 
    "engine": "2 cylinder", 
    "color": "Blue" 
}, { 
    "mileage": 17200, 
    "name": "Pontiac", 
    "model": "G8", 
    "engine": "3 cylinder", 
    "color": "Silver" 
}, { 
    "mileage": 308, 
    "name": "Toyota", 
    "model": "Forerunner", 
    "engine": "6 cylinders", 
    "color": "Grey" 
}, { 
    "mileage": 65328, 
    "name": "Volvo", 
    "model": "wagon", 
    "engine": "8 cyclinders while not in test mode otherwise 2 bicycle pedals", 
    "color": "Red" 
}, { 
    "mileage": 50, 
    "name": "IKea", 
    "model": "Ronde", 
    "engine": "3 self propelled coasters", 
    "color": "wood panelling" 
}, { 
    "mileage": 17200, 
    "name": "Pontiac", 
    "model": "Grand Am", 
    "engine": "8 cylinder", 
    "color": "rusty" 
}]

的JsonString有人可以帮我转换这个字符串成angular.js数组。我试图做几个小时，最后不得不放弃。在此先感谢

来源

2017-02-24 Pruthvinath

的可能的复制[如何在Javascript解码JSON？]（http://stackoverflow.com/questions/13817445/how-to-decode-json-in-javascript） – n00dl3

，你可以使用'JSON。解析'得到一个字符串数组。 –

它已经是一个数组 – Satpal

您必须在应用程序控制器内分配它，然后您可以像访问您的视图中的数组访问它。

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="myCtrl"> 

<p>Today's welcome message is:</p> 

<p ng-repeat="x in car">{{x.name}}</p> 

</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope, $http) { 
    $scope.car = [{ 
    "mileage": 12033, 
    "name": "Ford", 
    "model": "Focus", 
    "engine": "3 gophers on a treadmill", 
    "color": "green" 
}, { 
    "mileage": 85000, 
    "name": "Chevy", 
    "model": "mailbu", 
    "engine": "6 cylinder", 
    "color": "Maroon" 
}, { 
    "mileage": 612033, 
    "name": "Ford", 
    "model": "F150", 
    "engine": "6 cylinder", 
    "color": "Green" 
}, { 
    "mileage": 89500, 
    "name": "Pontiac", 
    "model": "G6", 
    "engine": "2 cylinder", 
    "color": "Blue" 
}, { 
    "mileage": 17200, 
    "name": "Pontiac", 
    "model": "G8", 
    "engine": "3 cylinder", 
    "color": "Silver" 
}, { 
    "mileage": 308, 
    "name": "Toyota", 
    "model": "Forerunner", 
    "engine": "6 cylinders", 
    "color": "Grey" 
}, { 
    "mileage": 65328, 
    "name": "Volvo", 
    "model": "wagon", 
    "engine": "8 cyclinders while not in test mode otherwise 2 bicycle pedals", 
    "color": "Red" 
}, { 
    "mileage": 50, 
    "name": "IKea", 
    "model": "Ronde", 
    "engine": "3 self propelled coasters", 
    "color": "wood panelling" 
}, { 
    "mileage": 17200, 
    "name": "Pontiac", 
    "model": "Grand Am", 
    "engine": "8 cylinder", 
    "color": "rusty" 
}]; 

}); 
</script> 

</body> 
</html>

来源

2017-02-24 11:44:25

转换一个JsonString到angular.js阵列

回答

相关问题