title: Display data in JSON URL using AngularJS
body: <p>I'm new to ionic/angularjs and I need to know how to display data to a HTML view from a Json url.</p>
  
  <p>So, data in my Json URL looks like this:</p>
  
  <pre><code>{
    News: [
          {
            id: "1",
            title: " It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
            image: "uploads/news/fortunaglobal_logo.jpg",
            status: "yes"
          },
          {
            id: "2",
            title: "fgdf",
            description: "hhjgh",
            image: "uploads/news/16613_10204428208286459_7484489390034618482_n.jpg",
            status: "yes"
          }
        ]
  }
  </code></pre>
  
  <p>I tried this in my script:</p>
  
  <pre><code>.controller('NewsCtrl', function($scope, $http) {   
  
          $http.get('    "JSON URL"   ')
             .success(function(response, status, headers, config){
  
                window.alert('came in');
                if(status==200){
  
                   $scope.news = response.data['News'];
                   window.alert($scope.news );
  
                } else {
                   window.alert('No internet Connection');
                }
                console.log(news);
             })
            .error(function(data,status,headers,config){
                window.alert('error '+data+status);
                console.log(data);
                console.log(status);
           });
  })
  </code></pre>
  
  <p>And this in my html page</p>
  
  <pre><code>&lt;ion-view title="News" ng-controller="NewsCtrl"&gt;
      &lt;ion-nav-buttons side="left"&gt;
          &lt;button menu-toggle="left" class="button button-icon icon ion-navicon"&gt;&lt;/button&gt;
      &lt;/ion-nav-buttons&gt;
  
  
      &lt;ion-content  class="has-header" scroll="true" padding="true"&gt;
  
  
  
  
      &lt;ul ng-repeat="newsS in news"&gt;
        &lt;li&gt;{{newsS.title}}&lt;/li&gt;
      &lt;/ul&gt;
  
  
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Can someone explain to me what I am doing wrong?</p>