Question

我之前从未真正遇到使用ng-repeat的问题，但是在这种情况下，我不能100％确定问题是什么。我使用JSON文件将数据提供给我的DOM，当我调出JSON数组中的字段时，我没有根据下面的代码接收任何数据，我做错了什么？

"use strict"; 

  var app = angular.module("tickrApp", []);

 app.service("tickrService", function ($http, $q){
var deferred = $q.defer();
$http.get('app/data/jobs.json').then(function (response){
    deferred.resolve(response.data);
});

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

.controller('tickCtrl', function($scope, tickrService) {

var promise = tickrService.getjobs();
promise.then(function (data){

    $scope.jobs = data;
    console.log($scope.jobs);
});

 });

html

        <div data-ng-repeat="newJobs in jobs">

            <div>{{jobs.sector}}</div>

Plunkr

Answer 1

您必须在角度之后加入script.js。

另外，替换它：

$scope.jobs = data;

用这个：

$scope.jobs = data.jobs;

在themplate中newJob应为job。

请参阅working plunkr

Answer 2

如同在另一个答案中所述，您必须在script.js文件

之前加载angular.js

$scope.jobs = data;

必须是

$scope.jobs = data.jobs;

和

<div>{{ jobs.sector }}</div>

必须是

<div>{{ newJobs.sector }}</div>

重复不要推出数据

2 个答案: