[英]Can't get elements from json response
我無法從get方法收到的json響應中看到表格元素。 這是我的html:
<div ng-controller="EstadisticaController" data-ng-init="init()">
<div class="jumbotron text-center">
<h1>Historico</h1>
<div class="table-responsive">
<table class="table table-striped">
<tr ng-repeat="a in acontecimiento">
<td>{{ a.campo }}</td>
</tr>
</table>
</div>
</div>
</div>
控制器:
angular.module('EstadisticaCtrl', ['AcontecimientoService'])
.controller('EstadisticaController', function($scope, Acontecimiento) {
$scope.init = function(res) {
Acontecimiento.get($scope.acontecimiento);
};
});
服務:
angular.module('AcontecimientoService', [])
.factory('Acontecimiento', function($http) {
return {
// call to get all nerds
get : function() {
return $http.get('/api/acontecimiento');
}
}
});
最后是get方法:
var Acontecimiento = require('./models/acontecimiento');
module.exports = function(app) {
app.get('/api/acontecimiento', function(req, res) {
Acontecimiento.find(function(err, acontecimiento) {
if (err)
res.send(err);
res.json(acontecimiento); // return all nerds in JSON format
});
});
}
返回的json的示例:
[{"_id":"593567528656c9b107d4e6ac","campo":"TRES MARIAS","titular":"RUBEN CARLOS P.","tipo":"CONTAR STOCK ACTUAL","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":12,"fecha":"2017-06-08T03:00:00.000Z"},{"_id":"593567c08656c9b107d4e6af","campo":"TRES MARIAS","titular":"VICTOR HUGO P.","tipo":"TRANSLADO","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":23,"toros":0,"vacas":0,"brucelosis":0,"fecha":"2017-06-15T03:00:00.000Z"},{"_id":"593568c98656c9b107d4e6b0","campo":"TRES MARIAS","titular":"RUBEN CARLOS P.","tipo":"TRANSLADO","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":2,"fecha":"2017-06-08T03:00:00.000Z"},{"_id":"593568f28656c9b107d4e6b1","campo":"GUARANIMINI","titular":"RUBEN CARLOS P.","tipo":"VENTA","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":2,"fecha":"2017-06-03T03:00:00.000Z"},{"_id":"593569348656c9b107d4e6b2","campo":"GUARANIMINI","titular":"RUBEN CARLOS P.","tipo":"MUERTE","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":2,"fecha":"2017-06-03T03:00:00.000Z"},{"_id":"59356adb8656c9b107d4e6b7","campo":"ESPADAÑAL","titular":"VICTOR HUGO P.","tipo":"TRANSLADO","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":12,"brucelosis":0,"fecha":"2017-06-05T03:00:00.000Z"},{"_id":"59356bf98656c9b107d4e6b9","campo":"GUARANIMINI","titular":"RUBEN CARLOS P.","tipo":"VACUNA","__v":0,"terneros":34,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":null,"fecha":"1994-03-12T03:00:00.000Z"},{"_id":"59356c338656c9b107d4e6bb","campo":"GUARANIMINI","titular":"RUBEN CARLOS P.","tipo":"VACUNA","__v":0,"terneros":0,"terneras":0,"vaquillonas":3232,"novillitos":0,"toros":0,"vacas":0,"brucelosis":0,"fecha":"1994-03-12T03:00:00.000Z"},{"_id":"59356fc6f22ca186088a38d7","campo":"GUARANIMINI","titular":"VICTOR HUGO P.","tipo":"VACUNA","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":1,"fecha":"2017-06-05T03:00:00.000Z"},{"_id":"59356ff0f22ca186088a38d9","campo":"TRES MARIAS","titular":"RUBEN CARLOS P.","tipo":"VACUNA","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":0,"fecha":"2017-06-02T03:00:00.000Z"},{"_id":"59357009f22ca186088a38dc","campo":"GUARANIMINI","titular":"RUBEN CARLOS P.","tipo":"VENTA","__v":0,"terneros":0,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":1,"brucelosis":0,"fecha":"2017-06-05T03:00:00.000Z"},{"_id":"593581761587ccdb084f8de5","campo":"TRES MARIAS","titular":"VICTOR HUGO P.","tipo":"MUERTE","__v":0,"terneros":55555,"terneras":0,"vaquillonas":0,"novillitos":0,"toros":0,"vacas":0,"brucelosis":0,"fecha":"2017-06-03T03:00:00.000Z"}]
這就是我解決問題的方式,我需要獲取響應並將其分配給我的示波器。 這是我的新控制器的外觀:
angular.module('EstadisticaCtrl', ['AcontecimientoService'])
.controller('EstadisticaController', function($scope, Acontecimiento) {
$scope.init = function(res) {
Acontecimiento
.get($scope.acontecimiento)
.then(function(res) {
$scope.acontecimiento = res.data;
}, function(error) {
console.log('Error: ' + res.data);
});
};
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.