Estou criando uma aplicação para praticar o que aprendi nos cursos de MEAN STACK e ANGULAR do professor Flávio henrique. Porém me deparei com um problema.
Estou salvado com sucesso essa estrutura no mongoDB
´´´ {
"_id" : ObjectId("58bc48821b4314641915313f"),
"dataEvento" : ISODate("2013-07-07T03:00:00Z"),
"eventos" : [
{
"nickPlayer" : "1",
"printUrl" : "1",
"nomeEvento" : "1",
"premiacao" : 1,
"_id" : ObjectId("58bc48821b43146419153140")
}
],
"__v" : 0
}
{
"_id" : ObjectId("58bc56f81b43146419153141"),
"dataEvento" : ISODate("0888-08-08T03:00:00Z"),
"eventos" : [
{
"nickPlayer" : "1",
"printUrl" : "1",
"nomeEvento" : "2",
"premiacao" : 22,
"_id" : ObjectId("58bc56f81b43146419153142")
}
],
"__v" : 0
}
´´´
É uma lista de eventos, onde cada lista de eventos tem um array com diversos eventos e suas informações pertinentes, e temos também as informações da lista de eventos, como data e outras que pretendo colocar depois.
O problema é que quando eu tento recuperar essa "listaEventos" através de um service que usa o método query do $resource angular, eu não consigo ligar diretamente com a minha view. Eu queria fazer a query nessa lista eventos, e na resposta da query já declarar isso.
angular.module('painelGm')
.controller('listaEventosController', function($scope, $routeParams, eventosServices){
$scope.listaEventos = [];
eventosServices.query(function(listaEventos){
$scope.listaEventos = listaEventos;
console.log(listaEventos);
}, function(error){
console.log(error);
});
});
Porém esse "listaEventos" não é um objeto javascript (eu acho), não entendi essa estrutura. Pois eu já tenho na minha view uma ligação com $scope.listaEventos mas não consigo acessar as propriedades deste objeto, nem os array que tem dentro dele.
Código da minha view
<div class="col-ls-8 col-md-8 col-ls-offset-1 col-md-offset-1 col-xs-8">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>Nick do player</th>
<th>Nome do evento</th>
<th>Premiação</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="evento in listaEventos.eventos track by $index">
<td>{{evento.nickPlayer}</td>
<td>{{evento.nomeEvento}}</td>
<td>{{evento.premiacao}}</td>
</tr>
</tbody>
</table>
</div>
Fico grato pela atenção.