从json循环angularjs中读取对象数组

时间:2014-11-04 11:48:37

标签: arrays json angularjs

我有一个如下对象:

var obj = {
{
  name : 'John',
  address : 'hongkong',
  company : 'hongkong pvt ltd',
  employess : [
  'Ravi', 
  'Kabhi',
  'Abhi Nahi'
  ]
},
{
  name : 'Deo',
  address : 'China',
  company : 'China pvt ltd',
  employess : [
  'Wong', 
  'kong',
  'Lee'
  ]
}
}

我正在以下列方式访问该对象,但是如何在循环中访问该数组。

 <div ng-repeat="o in obj">
    <p>{{o.name}}</p>
    <p ng-repeat="e in o.employees">
    <span>{{e}}</span>
   </p>
 </div>

这就是我在玉器中的表现,但我认为棱角不会识别它。我怎样才能遍历数组呢?

3 个答案:

答案 0 :(得分:1)

试试这个: 在您的控制器内:

  $scope.obj = [
    {
        'name' : 'John',
        'address' : 'hongkong',
        'company' : 'hongkong pvt ltd',
        'employess' : [
        'Ravi',
        'Kabhi',
        'Abhi Nahi'
        ]
    },
    {
        'name' : 'Deo',
        'address' : 'China',
        'company' : 'China pvt ltd',
        'employess' : [
        'Wong',
        'kong',
        'Lee'
    ]
    }
  ];

在您的HTML页面上:

   <div ng-controller="TempCtrl">
       <div ng-repeat="o in obj">
         <p>{{o.name}}</p>
        <hr>
        <p ng-repeat="e in o.employess track by $index">
           <span>{{e}}</span>
        </p>
        <hr>
        <hr>
       </div>
   </div>

答案 1 :(得分:1)

obj应该是object的数组。所以你有json数据的问题.json应该是:

$scope.obj = [
{
  name : 'John',
  address : 'hongkong',
  company : 'hongkong pvt ltd',
  employess : [
  'Ravi', 
  'Kabhi',
  'Abhi Nahi'
  ]
},
{
  name : 'Deo',
  address : 'China',
  company : 'China pvt ltd',
  employess : [
  'Wong', 
  'kong',
  'Lee'
  ]
}
]

答案 2 :(得分:0)

主要是JSON数据问题。否则你的代码会正常工作