Я не вижу ng-repeat данных в браузере Angular js

Question

По какой-то причине я не просматриваю данные в браузере.

Вот ПИК моей консоли:

Внутри р теге я ожидал увидеть полученные данные.

Вот вид:

<div class="row" ng-repeat="voce in voices"> 
    <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; 
    console.log($scope.voices); 
}); 

}); 

Вот служба Voci:

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 :

Я использую 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); 
}); 

});