流星反应性地改变另一个模板

Question

我在启动时加载了几个模板， 加载页面后，用户可以选择几个将定义另一个模板内容的项目。那就是我被困住的地方。

如何在调用我的方法并将结果存储到我的会话后，我可以将其发送到其他模板。

我看过Deps.Dependency我确定它实际上非常简单。

Answer 1

假设在第一个模板上有一个select元素，你想保存结果：

<template name="foodSelect"> <select id="favorite-food"> <option> Taco </option> <option> Burrito </option> </select> </template>

在该模板的帮助器中，您可以检查该类型输入的事件：

Template.foodSelect.events({
    "change #favorite-food" : function(event, template) {
        var input = $(event.target).val();
        Session.set('favorite_food', input);
    }
});

在您的其他模板中，您可以使用Session.get('favorite_food')进行访问，并相应地更改内容。