6

私は現在Meteorで作業しており、数字が変化するときに数字にトランジションを追加することで、より「リアルタイム」に見えるようにしようとしています. 私が見ることができる最高のサードパーティパッケージはhttp://github.hubspot.com/odometer/です。

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

私は流星のドキュメントに従ってjavascriptをクライアント/互換性に入れようとしました: http://docs.meteor.com/#structuringyourapp、しかし喜びはありません。

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

meteor の他の何が邪魔になっているのか、他に考えがある人はいますか?

4

1 に答える 1

1

{{#constant}}の代わりに試してみるべきだと思います{{#isolate}}。また、テンプレートの「定数」部分は反応しなくなるため、手動で更新する必要があることに注意してください。テンプレートがあるとします

<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();
    });   
}
于 2013-10-18T16:30:03.733 に答える