我在浏览器 Angular js 上没有看到 ng-repeat 数据

Question

出于某种原因，我没有在浏览器中可视化数据。

这是我的控制台的照片：

我希望在 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);
});

});

这里是服务语音：

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

});

我在浏览器 Angular js 上没有看到 ng-repeat 数据

I'm not seeing ng-repeat data on browser Angular js

javascript

view

angularjs

ng-repeat