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

Question

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

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

我已经尝试按照 meteor 文档将 javascript 放入客户端/兼容性:http://docs.meteor.com/#structuringyourapp ，但没有快乐。

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

有没有人对 meteor 中的其他内容有任何其他想法？

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