Meteor'da yeni verileri canlandırıyor Meteor

Question

Meteor ve minimongo'ya yeni geliyorum, bu yüzden ne yapmam gerektiği konusunda biraz kaydım, araştırma yaptım ama çok fazla kullanamadım çünkü açısal + kullanıyorum meteor ve yangını değil.

Sunucumda istemcimde (açısal) kayıtlı bir koleksiyon var. Sunucu koleksiyonuma her yeni bir öğe eklendiğinde, istemci minimongo'yu simüle eder ve günceller ve iyi çalışır.

Şimdi bu yeni "olayı", örneğin mongo verilerinin tablonun (html) koleksiyonuna yeni bir öğe eklendiğinde bir animasyon/solma arkaplan rengi eklemeyi (örn. -repeat) ama bunu doğru şekilde yapmanın bir yolunu bulamıyor.

Cursors numaralı telefonu buldum ve işe yaradırabilir, ancak bunu açısal ön uçta nasıl uygulamalıyım diye anlamaya çalışmaktayım.

Bunu zaten deneyen veya araştırmam için bana yöneltebilecek olan var mı?

Teşekkürler

Answer 1

Haklısınız - imleç işlemi yapabilir. Özellikle observeChanges yöntemi. Eğer yöne doğru işaret eden sadece sordum ve bir anguler aşina değilim beri, bütün kod sağlamak değilim, sadece bazı öneri:

1. olmak belgenin kimlikli sizin Tablo satır öğesi doldurma Daha sonra erişmek mümkün. (<tr class="..." data-id="q1w2e3r4t5">...</tr>)
2. Sonra imleci bir gözlemci takmak ve yeni eklenen elemana bir CSS sınıfı ekleyebilirsiniz: cursor.observeChanges({added: (id) => $('[data-id=${id}]').addClass('animate')})

3. animasyon ne gibi animasyon ile CSS .animate yerde tanımlamak sağlamak. Bununla ilgili diğer SO gönderileri arasında yardım bulabilirsiniz. Öyle olabilir.

@keyframes highlight { from {background-color: yellow;} to {background-color: white;} } .animate { animation: highlight 1s; }

sizin için çalışır Umut.

Answer 2

İmleç ile doğru yoldasınız. Cursor.observe (geri aramalar) kullanabilirsiniz. Örneğin etkinlik ekleyebilir ve yeni bir doküman eklediğinde animasyonunuzu yapabilirsiniz.