Sử dụng gói javascript của bên thứ ba với Meteor

Question

Tôi đang làm việc với Meteor tại thời điểm này và tôi đang cố gắng làm cho nó trông 'thực sự' lâu hơn bằng cách thêm các hiệu ứng chuyển tiếp vào các số khi chúng thay đổi. Gói bên thứ ba tốt nhất mà tôi có thể xem là http://github.hubspot.com/odometer/.

Tôi gặp sự cố khi tải gói để làm việc trong Meteor để cập nhật số nhận xét trên một mục.

Tôi đã thử đưa javascript vào ứng dụng/khả năng tương thích theo tài liệu sao băng: http://docs.meteor.com/#structuringyourapp, nhưng không có niềm vui.

Vấn đề khác có thể là gói sử dụng chuyển tiếp CSS, điều này có nghĩa là việc hiển thị lại mẫu xung quanh số đang cập nhật sẽ ngăn việc chuyển đổi xảy ra. Để thử và khắc phục sự cố này, tôi đã sử dụng {{#isolate}} xung quanh số, nhưng điều đó cũng không hoạt động.

Có ai có ý tưởng nào khác về những gì khác trong thiên thạch có thể đang cản đường không?

Answer 1

Tôi nghĩ bạn nên thử {{#constant}} thay vì {{#isolate}}. Cũng lưu ý rằng phần "không đổi" trong mẫu của bạn sẽ không còn hoạt động nữa, vì vậy bạn sẽ phải cập nhật nó theo cách thủ công. Giả sử rằng bạn có một mẫu

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

bạn sẽ cần phải làm một cái gì đó như thế này:

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