如何在 MeteorJS 中创建动态值

Question

我需要在流星 JS 中设置一个变量或数组，只要它发生变化。页面上的任何使用位置都会发生变化。

到目前为止，我已经尝试在会话中设置值。

let in  = Session.get("in");

这在 HTML 中。以下工作正常。每当它检测到数组发生变化时，它就会发生变化

   {{#each in}}
        <span class="selectable-tags"> {{this}} </span>
     {{/each}}

但是每当我尝试使用以下将这些标签添加到其他 div 时。然后添加到其他 div 的那些不会改变。

 "click .selectable-tags"(e, t) {
  // sets the tags inside the Method  box on click 
    var el = e.target.cloneNode(true);
        el.setAttribute('contenteditable', false);
        document.querySelector('[contenteditable]').appendChild(el); },

使用带有 blaze 用户界面的流星。这个可以作为参考link

编辑：Session.get 或 set 供参考。这是为了说明这些值会随着设置触发的任何事件发生变化。

Answer 1

您需要添加一个返回会话变量的助手并在您的 html 代码中显示该助手：

 Template.yourtemplate.helpers({
   inHelper: ()=> {
     return Session.get('in');
   }    
 )}

在 html 中：

<div>{{inHelper}}</div>

Session.set('in', newValue) 对 in 的每一次修改都会改变您的 HTML。