meteor - 在 Meteor 中使用第三方 javascript 包

Question

我目前正在与 Meteor 合作，我试图通过在数字变化时添加过渡来使其看起来更“实时”。我能看到的最好的第三方包是http://github.hubspot.com/odometer/。

我无法让包在 Meteor 中工作以更新项目的评论编号。

我已经尝试根据流星文档将 javascript 放入客户端/兼容性：http: //docs.meteor.com/#structuringyourapp，但没有任何乐趣。

另一个问题可能是包使用了 CSS 过渡，这意味着围绕正在更新的数字重新渲染模板会阻止过渡发生。为了尝试解决这个问题，我在数字周围使用了 {{#isolate}}，但这也不起作用。

有没有人对流星中的其他问题有任何其他想法？

Answer 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();
    });   
}