ion-view not load content

Question

私はアプリケーションを構築するためにIonicの角度UIルータを使用していますが、私の1ページnews.htmlはcontentを読み込んでいません。これはview-titleを表示しますが、イオンコンテンツ、ページは空白です。 このコードは、私は、次のUI経路コード

.config(function($stateProvider, $urlRouterProvider) { 
$stateProvider 
    .state('index', { 
     url: '/', 
     templateUrl: 'templates/home.html', 
     controller: 'mainCtrl' 
    }) 
    .state('news', { 
     url: '/news', 
     templateUrl: 'templates/news.html', 
     controller: 'newsCtrl' 
    }); 

$urlRouterProvider.otherwise('/'); 
}) 

を追加したapp.jsで

<ion-view view-title="news"> 
    <ion-content> 
    <div class="list card" ng-repeat="item in articles"> 
     <div class="item item-thumbnail-left item-text-wrap"> 
     <h2 class="post-title">{{item.name}}</h2> 
     <p class="post-author">{{item.description}}</p> 
     </div> 
    </div> 
    </ion-content> 
</ion-view> 

テンプレートnews.htmlの内側にあり、私のnewsCtrlは

.controller('newsCtrl',function($scope, $http){ 
    $http.get('https://newsapi.org/v1/articles?source=the-next-web&sortBy=latest&apiKey=4ff16a30e00640cab0a2a9731ccc9510').success(function(data){ 
     $scope.articles = data.sources; 
     console.log('news control'); 
    }); 

Answer 1

同じコードであります作品

carService.controller('newsCtrl', ['$scope', '$http', function($scope, $http) { 
    $http.get('https://newsapi.org/v1/sources?language=en').success(function(data) { 
    $scope.articles = data.sources; 
    console.log(data); 
    console.log('news control'); 
    }); 

}]); 

DEMO