Galera estou com um controller, onde eu busco dados do firebase, porém ao fazer essa busca o código sofre um delay e a página é carregada antes com dados vazios antes da consulta de fato acabar.
Meu controller :
function DashboardController($http, $scope){
var vm = this;
vm.searchJedi = searchJedi;
vm.obj = [];
vm.jedi = {
master: '',
name: '',
planet: '',
status
}
vm.teste = [];
vm.searchJedi();
function searchJedi(){
db.collection("jedi").get().then((querySnapshot) => {
querySnapshot.forEach((doc) => {
vm.jedi = doc.data();
vm.obj.push(vm.jedi);
});
console.log(vm.obj); //objeto com valor
});
console.log(vm.obj); //objeto vazio
}
}
O que acontece é que esse último console sempre está vazio enquanto o console que está dentro do db.collection vem preenchido após a busca sofrendo um delay. Dessa forma na página HTML os dados não são mostrados.
Alguma dica?