Meteorでサードパーティ製のjavascriptパッケージを使用

Question

私は現時点でMeteorに取り組んでいます。私は、数値が変わるたびにトランジションを追加することで、よりリアルに見せるようにしています。私が見ることができる最良のサードパーティパッケージはhttp://github.hubspot.com/odometer/です。

アイテムのコメント番号を更新するためにMeteorでパッケージを動作させるのに問題があります。

私は、メテオのドキュメント：http://docs.meteor.com/#structuringyourappによると、クライアント/互換性にjavascriptを入れてみましたが、喜びはありませんでした。

その他の問題は、パッケージがCSSトランジションを使用していることです。これは、更新中の番号の周りでテンプレートを再レンダリングすると、トランジションが起こらないことを意味します。この問題を解決するために、数字の周りに{{#isolate}}を使用しましたが、それもうまくいきませんでした。

流星の中で他に何が起こっているのでしょうか？

Answer 1

{{#isolate}}の代わりに{{#constant}}を試してください。また、テンプレートの「一定」部分は反応しなくなるため、手動で更新する必要があります。あなたはこのような何かを行う必要がありますテンプレート

<template name="myTemplate"> 
    {{#constant}} 
    <span class="odometer"></span> 
    {{/constant}} 
</template> 

を持っていると仮定すると：

Template.myTemplate.rendered = function() { 
    var node = this.find('.odometer'); 
    Deps.autorun(function() { 
     node.innerHtml = MyCollection.find({}).count(); 
    }); 
}