Cannot display successful angularjs $http get response from local server in ionic template
<p>I cannot for the life of me get this json response to render in my tab-dash view for my Ionic app. The response from the local server is logged as 200 but I cannot render the json to the view! I have followed this tutorial for structuring the factory and controller <a href="http://www.benlesh.com/2013/02/angularjs-creating-service-with-http.html" rel="nofollow noreferrer">http://www.benlesh.com/2013/02/angularjs-creating-service-with-http.html</a> and referred to stackoverflow questions surrounding the topic:</p>

<ol>
<li><p><a href="https://stackoverflow.com/questions/33189765/unable-to-display-the-http-get-response-from-the-factory-in-controller-in-angula">unable to display the http get response from the factory in controller in Angularjs application</a></p></li>
<li><p><a href="https://stackoverflow.com/questions/32127415/outputting-json-data-from-local-web-server-onto-ionic-app-using-angular">Outputting JSON Data from Local Web Server onto Ionic App using Angular</a></p></li>
<li><p><a href="https://stackoverflow.com/questions/29875703/angularjs-http-get-does-not-work">Angularjs $http.get does not work</a></p></li>
<li><p><a href="https://stackoverflow.com/questions/22642889/angularjs-http-get-not-working">Angularjs $http.get not working</a></p></li>
</ol>

<p>I've included my controller.js, the factory responsible for executing the api call, and the template code. Thanks in advance for any help provided I appreciate it! </p>

<p>controller.js </p>

<pre><code>(function(){

    angular.module('athenaApp.controllers', [])

        .controller('DashCtrl', function($scope, athenaApiService, $timeout) {

            athenaApiService.getArticles().then(function(data){
                $scope.news = data;
           })
      })

}());
</code></pre>

<p>services.js</p>

<pre><code>.factory('athenaApiService', function($http){

    return{
        getArticles: function(){
            return $http.get('http://localhost:8000/athenaAPI/articles').then(function(result){
                return result.data;
            });
        }
    }
}); 
</code></pre>

<p>tab-dash.html</p>

<pre><code> &lt;ion-view view-title="News"&gt;
  &lt;ion-content&gt;
      &lt;ion-refresher on-refresh="doRefresh()"&gt;
      &lt;/ion-refresher&gt;
      {{news}}
      &lt;ion-list ng-repeat='article in news'&gt;
        &lt;a class="item item-thumbnail-left" href="#/tab/news/{{article.id}}"&gt; &lt;!-- "#/tab/news/{{article.id}}" --&gt;
          &lt;img src='../img/ionic.png'&gt;
          &lt;div class='item item-text-wrap'&gt;
              &lt;h3&gt;{{article.headline}}&lt;/h3&gt;
              &lt;p&gt;{{article.byline}}&lt;/p&gt;
          &lt;/div&gt;
        &lt;/a&gt;
      &lt;/ion-list&gt;
  &lt;/ion-content&gt;
&lt;/ion-view&gt;
</code></pre>

<p>server output</p>

<pre><code>Listening on port: 8000
Articles Requested...
[ { id: 0,
    headline: 'Headline 0',
    byline: 'Author 0',
    datePublished: '3/4/5',
    content: { para0: 'This is a sentence', para1: 'And another sentence.' },
    originalUrl: '' },
  { id: 1,
    headline: 'Headline 1',
    byline: 'Author 0',
    datePublished: '3/5/5',
    content: { para0: 'This is a sentence', para1: 'And another sentence.' },
    originalUrl: '' },
  { id: 2,
    headline: 'Headline 2',
    byline: 'Author 0',
    datePublished: '3/6/5',
    content: { para0: 'This is a sentence', para1: 'And another sentence.' },
    originalUrl: '' },
  { id: 3,
    headline: 'Headline 3',
    byline: 'Author 0',
    datePublished: '3/7/5',
    content: { para0: 'This is a sentence', para1: 'And another sentence.' },
    originalUrl: '' } ]
GET /athenaAPI/articles 200 39.072 ms - 669
</code></pre>