javascript - ng 重复不推出数据

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

你必须在 angular 之后包含你的 script.js。

另外，替换这个:

$scope.jobs = data;

用这个:

$scope.jobs = data.jobs;

并且在模板中 newJob 应该是 job。

参见 working plunkr