Javascript 语义UI流星模态初始化

Javascript 语义UI流星模态初始化,javascript,meteor,semantic-ui,Javascript,Meteor,Semantic Ui,我正在使用语义UI作为框架运行Meteor 我在主页上加载了X张来自同一数据源的详细信息卡。所有详细信息卡都有按钮,例如用于移除卡的垃圾桶 我通过模态来确认按钮上的动作 我把我所有的情态动词都放在一个叫做情态动词的单独模板中 从我的主页中,我加载我的模态: {{>modals}} 在我的情态动词模板中,我有: <template name="modals"> <div id="takeModal" class="ui modal">

我正在使用语义UI作为框架运行Meteor

我在主页上加载了X张来自同一数据源的详细信息卡。所有详细信息卡都有按钮,例如用于移除卡的垃圾桶

我通过模态来确认按钮上的动作

我把我所有的情态动词都放在一个叫做情态动词的单独模板中

从我的主页中,我加载我的模态:

{{>modals}}
在我的情态动词模板中,我有:

<template name="modals">

      <div id="takeModal" class="ui modal">
          {{#with data}}
        <div class="ui header">
          //HEADER
        </div>
        <div class="ui content">
              // DATA USAGE IN TEMPLATE
              {{city}}</td>
        </div>
      </div>
</template>
模态模板有一个辅助对象:

Template.modals.helpers({
    data: function () {
        return Session.get('data');
    }});
我面临的问题是,模态在第一次使用时无法正常工作,因为单击尚未注册,Session.data尚未设置

有没有一种方法可以初始化modals以便将它们加载到DOM中,但仍然为它们提供一个数据上下文

另外,我选择了这种方法,所以我不必给每一张牌都赋予它自己的模式

Template.modals.helpers({
    data: function () {
        return Session.get('data');
    }});