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

Question

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

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

我看过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') 访问它并相应地更改内容。

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

Meteor changing another template reactively

meteor

meteor-helper