【问题标题】:Meteor Reactive Transform to Show Computed Values流星反应变换以显示计算值
【发布时间】:2014-07-17 18:21:02
【问题描述】:

我正在尝试将计算值插入到我的模板中。

所以代码如下

Template.missions.inProgress = -> Missoins.find { #search query
}, {
    transform: (mission) ->
        mission.progress = calculateTimeLeft(mission.startTime, mission.timeRequired)
        return mission
}

代码可以工作,但我如何使它具有响应性以便它会经常更新?

【问题讨论】:

    标签: coffeescript meteor reactive-programming


    【解决方案1】:

    这取决于您的calculateTimeLeft。如果Missoins.find 的结果发生更改,则代码应调整为更新,因为mission.startTimemission.timeRequired 不同。

    如果您在 calculateTimeLeft 中引用了其他一些反应性值,您可能希望将其转换为帮助器

    Template. missions.progress_value = function() {
        return calculateTimeLeft(this.startTime, this.timeRequired)
    }
    

    然后在每个循环中使用{{progress_value}}

    【讨论】:

    • calculateTimeLeft 函数不是响应式的,它使用“find”函数的结果。
    • 您可以尝试在您的 html 中检查 startTimetimeRequired,它们会改变吗?看起来你做得很好。听起来有点奇怪,它不起作用。你能提供一些我可以复制的东西吗?
    • 这里是我正在尝试做的复制品。如果您重新渲染模板,它会更新:pastebin.com/qC55fDhm
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-16
    • 1970-01-01
    • 2022-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-15
    相关资源
    最近更新 更多