title: Showing data in angular UI grid
body: <p>I have a problem a problem with showing data in ui grid table.</p>
  
  <p>I have defined an API from which I want to show data and I can access them through the browser, but the problem is in showing rendered data. Here is my angular controller in which I've defined function for getting data from API:</p>
  
  <pre><code>        getData();
  
          $scope.myData = [];
  
          $scope.gridOptions.data = []
  
          $scope.gridOptions.data = $scope.myData; 
  
          function getData() {
              $http.get('/load/').success(function (data) {
                  data.forEach( function( row, index ) {
                      $scope.myData.push(data);
                  });
                  $scope.gridOptions.data = data;
                  console.log('data from api', data);
              })
          };
  </code></pre>
  
  <p>and I got empty grid.
  <a href="https://i.stack.imgur.com/BVlDw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BVlDw.png" alt="enter image description here"></a></p>
  
  <p>Data are showed in console: 
  <a href="https://i.stack.imgur.com/LXGoV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LXGoV.png" alt="enter image description here"></a></p>
  
  <p>I've also tried to parse data <code>var jsonObj = JSON.parse(data);</code>, but I got an error 
      Unexpected token o
          at Object.parse (native)</p>