title: How to add Angular forEach every item in a single array
body: <p>Here i like to explain my problem clearly.</p>
  
  <pre><code>$http.get('arealist.json').success(function(response){
        angular.forEach(response, function(data){
             $scope.arealist = data.area_name;
             console.log($scope.arealist);
        });
  });
  </code></pre>
  
  <p>Using the above code am getting area_name from arealist.json.
  and it looks like below image in console.
  <a href="https://i.stack.imgur.com/6taKn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6taKn.png" alt="console.log image"></a></p>
  
  <p>but i need the store above data in a array and it look like below</p>
  
  <pre><code>$scope.arealist = [ 
                      "Avadi", 
                      "Poonamallee",
                      "Padi", 
                      "Ambattur Industrial Estat",
                      "Annanagar",
                      "Arumbakkam",
                      "Kodambakkam",
                      "Nandanam"
                    ]
  </code></pre>
  
  <p>How can i do this ?</p>