브라우저에서 ng-repeat 데이터가 표시되지 않습니다. Angular js

Question

어떤 이유로 브라우저의 데이터를 시각화하지 않습니다. 여기

내 콘솔의 그림 :

p 태그 내부 내가 검색 한 데이터를 볼 것으로 예상하고있다.

app.service('voci', function ($http,$q) { 

var deferred = $q.defer(); 

$http.get('urldata.json').then(function(data) 
{ 
    deferred.resolve(data); 
}); 

this.getVoices = function(){ 
    return deferred.promise; 
}; 

}) 

출력 CONSOLE.LOG $ scope.voices : 여기

app.controller('MainCtrl', function($scope,$q,voci) { 

var promise = voci.getVoices(); 

promise.then(function(data){ 
    $scope.voices = data; 
    console.log($scope.voices); 
}); 

}); 

가 서비스 voci이다 : 여기

<div class="row" ng-repeat="voce in voices"> 
    <p style="color:#000;">{{voce.series}}</p> 
</div> 

컨트롤러이다 : 여기

은 도면 :

내가 메인 모듈에서, 뷰와 컨트롤러를 연결하는 ngroute을 사용하고

:

var app = angular.module('generaPreventivoApp', [ 
'ngAnimate', 
'ngCookies', 
'ngResource', 
'ngRoute', 
'ngSanitize' 
    ]) 

    .config(function ($routeProvider, $locationProvider) { 

$routeProvider 
    .when('/', { 
    templateUrl: 'views/main.html', 
    controller: 'MainCtrl', 
    controllerAs: 'main' 
    }) 
    .when('/about', { 
    templateUrl: 'views/about.html', 
    controller: 'AboutCtrl', 
    controllerAs: 'about' 
    }) 
    .otherwise({ 
    redirectTo: '/' 
    }); 
    $locationProvider.hashPrefix(''); 
    }); 

문제의 이유는 이런 종류의? 당신은

Answer 1

와 시도 감사 :

<div class="row" ng-repeat="voce in voices.data"> 
    <p style="color:#000;">{{voce.series}}</p> 
</div> 

나 :

app.controller('MainCtrl', function($scope,$q,voci) { 

var promise = voci.getVoices(); 

promise.then(function(data){ 
    $scope.voices = data.data; 
    console.log($scope.voices); 
}); 

});