Animieren von Änderungen an einer Session-Variable, in einem Intervall in Meteor festgelegt?

Question

Ich habe Meteor.setInterval ein neues Element in meiner Sammlung finden und setzt es dann in einer Sitzung alle 1 Sekunden.

Meteor.setInterval(function() { 
    var entries = Database.findOne({}, { sort: { date: -1} }); 
    Session.set('entryName', entries); 
}, 1200); 

Ich brauche dies, da es nur den neuesten Eintrag erhält und Überschwemmungen anderer Einträge verhindert, da es nur einmal pro Sekunde ausgelöst wird. Gibt es überhaupt eine Animationsmöglichkeit (sagen wir mal einen Fade-Effekt)? Es ist ein Problem, denn wenn ich in das Intervall animiere, wird es jede Sekunde ein- und ausgeblendet, auch wenn kein neuer Eintrag hinzugefügt wurde.

Ich brauche es nur zu verblassen, wenn der Eintrag ändert. Gibt es vielleicht eine bessere Möglichkeit, den Code auf Meteor-Art neu zu schreiben, damit er einfacher zu animieren ist?

Answer 1

Das ist, was ich tat, ziemlich lustige Art und Weise, es zu tun:

Database.find({}, {sort: {date: -1}, limit: 1}).observeChanges({ 
    addedBefore: function(id, fields) { 
     var isItOn = true 
     Session.set('isItTrue', isItOn);  
    } 
}); 

Dann unter:

Meteor.setInterval(function() { 
    var isItOn = Session.get('isItTrue'); 
    if (isItOn === true) { 

// Place Animation Here 

    var entries = Database.findOne({}, { sort: { date: -1} });  
    Session.set('entryName', entries); 
    var isItOn = false; 
    Session.set('isItTrue', isItOn); 
    } 
}, 1200); 

Beachten Sie auch, ich erhielt ein Fehler, wenn ich "hinzugefügt" verwendet habe, musste "addedBefore" verwenden.

Answer 2

In der Tat, Sie möchten observeChanges hier anstelle eines Timers verwenden. Meteor überwacht bereits Änderungen an Ihrer Sammlung und löst in diesem Fall ein Ereignis observeChanges aus. Dies könnte das sein, was Sie wollen:

var throttled = _.throttle(function(){ 
    Session.set('entryName', fields); 
    // do your animations here 
},1000); 

Database.find({}, {sort: {date: -1}, limit: 1}).observeChanges({ 
    added: function(id, fields) { throttled() }; 
    } 
});