在Angular JS中将数据绑定到作用域之前淡出微调器

Question

The following code will fade out the spinner after it actually bind data from Firebase.

myFactory.$bindTo($scope, 'fact').then(function() {
  $('#spinner').fadeOut(1000);
});

But how can I fade it out half a second before the data gets binded?

Answer 1

Here's a solution which would delay the binding by half a second once the data is loaded.

myFactory.$loaded().then(function() {
  $('#spinner').fadeOut(1000);
  $timeout(function() {
    myFactory.$bindTo($scope, 'fact');
  }, 500);
});