我在瀏覽器中看不到ng-repeat數據Angular js

Question

由於某種原因，我沒有在瀏覽器中顯示數據。

這裏我的控制檯的PIC：

內部p標籤，我期待看到檢索到的數據。

這裏是視圖：

<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); 
}); 

});