NG 重复不推出数据

ng repeat not pushing out data

本文关键字:数据 NG      更新时间:2023-09-26

我以前从未在使用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>

普伦克

你必须

在角度之后包含你的script.js

另外,替换这个:

$scope.jobs = data;

有了这个:

$scope.jobs = data.jobs;

在主题板块中,newJob应该是job.

参见工作 plunkr

就像在另一个答案中所说的那样,您必须在脚本之前加载角度.js.js文件

$scope.jobs = data;

必须是

$scope.jobs = data.jobs;

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

必须是

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