在angularjs控制器内循环

时间:2015-03-24 17:56:45

标签: angularjs

这是angularjs中的循环问题。我对如何开展这项工作感到困惑。我有一个json数据:

var jungleData= [
   {
    "Area": "Safari Lion County",
    "htdVideo": "",
    "animals": ["lion", "tiger", "Elephant"],
    "animalcolor": ["orange", "yellow", "grey"]
  },
   {
    "Area": "Sea World",
    "htdVideo": "",
    "animals": ["Whale", "Dolphin", "Tarp"],
    "animalcolor": ["blue", "grey", "black"]
  }
];

我想循环播放' angularjs控制器中的数据(不使用html中的ng-repeat)并清除这样的内容:

Safari Lion County

Lion-black
tiger-yellow
Elephant-grey

Sea World

Whale-blue
Dolphin-grey
Tarp-black

如何实现此循环?对你们来说可能是一个简单的问题

1 个答案:

答案 0 :(得分:1)

这基本上是一个纯粹的javascript问题。类似的东西:

var jungleDataFlush = function(data)
{
  data.forEach(function(place) 
  {
    console.log(place.Area);
    console.log();
    place.animals.forEach(function(animal,index)
    {
      console.log(animal + ' - ' + place.animalcolor[index]);
    });
    console.log();
  });
};
jungleDataFlush(jungleData);

当然你真的想要清理你的模型。 Animal应该是一个对象,而不是数组:

var animal = { type: 'Lion', color: 'Green' };