angular.js配列

にJsonStringを変換し、私は誰かが私はangular.jsで配列にこの文字列を変換する助けてくださいすることができ、フォーム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を持っています。私は数時間それをやろうとしていました。事前に感謝します

出典

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

angular.js配列

答えて

関連する問題