title: div in ng-repeat is not getting updated?
body: <p>I am getting a response from http get request and Iam using the response to iterate in the data</p>
  
  <pre><code>&lt;div id="container" ng-app="myApp" ng-controller="myctrl"&gt;
       &lt;div ng-repeat="profile in profiles"&gt;
            &lt;p&gt;{{profile.username}}&lt;/p&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>This is for adding one profile on click</p>
  
  <pre><code>&lt;input ng-click="addProfile()" type="button" value="add Profile" /&gt;
  </code></pre>
  
  <hr>
  
  <p>Here is my get request in the controller</p>
  
  <pre><code>var app = angular.module('myApp', []);
  app.controller('myctrl', function($scope, $http) {
   $scope.profiles = [];
   $http.get("test1.json")
   .then(function(response) {
       $scope.profiles = response.data.profiles; //Response is provided below
   });
  $scope.addProfile = function(){
        $http.get('test2.json')
       .then(function(response) {
         alert("af");
           $scope.items = response.data.profiles; //Response is provided below
           $scope.profiles.push($scope.items);
           console.log($scope.profiles); //gives the update Array
  
              });
          });
  });
  </code></pre>
  
  <hr>
  
  <p>response of my get request of test1.json</p>
  
  <pre><code>{
     "Id": "44442232",
      "profiles": [
          {
             "type": "Friend",
             "username": "Username 1",
           },
           {
              "type": "Student ",
              "username": "Username 2",
             }
         ]
     } 
  </code></pre>
  
  <hr>
  
  <p>response of my get request of test2.json</p>
  
  <pre><code>{
     "Id": "44442232",
      "profiles": [
          {
             "type": "Friend",
             "username": "Username 4",
           },
           {
              "type": "Student ",
              "username": "Username 5"
             }
         ]
     } 
  </code></pre>
  
  <p>I have tried <code>console.log</code> after updating in the array.The array is updated but the div in <code>ng-repeat</code> is not getting updated?</p>