Angular JS - 如何将json对象中的每个项目分配给范围变量?

时间:2017-04-05 09:42:53

标签: angularjs angularjs-scope angular-services

我有一个像

这样的json对象
var data = {item1: "Hello1",item2:"Hello2",item3:"Hello3",item4:"Hello4",item5:"Hello5"};

我希望每个项目都在范围内可用。像

$scope.item1
$scope.item2
...

是否可以在Angular

中使用

2 个答案:

答案 0 :(得分:1)

您可以这样做:

for (var key in data) {
  $scope[key] = p[key]
}

答案 1 :(得分:1)

当然可以。获取对象的键并分配如此

的创建范围变量

angular.module("app",[])
.controller("ctrl",function($scope){
var data = {item1: "Hello1",item2:"Hello2",item3:"Hello3",item4:"Hello4",item5:"Hello5"};

for(var k in data) {
  $scope[k] = data[k]
}

console.log($scope.item1)
console.log($scope.item2)
console.log($scope.item3)

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