Javascript 基于会话的模板帮助程序,更新失败

Javascript 基于会话的模板帮助程序,更新失败,javascript,css,meteor,Javascript,Css,Meteor,此Meteor客户端代码接收用户输入keyup。检查过滤器并更改会话itemsList中的对象数组,该会话用于向模板助手提供其数据。 代码将更改进入{{this.class}}的数据,该数据与css类匹配,以设置列表项的样式。 当代码将类添加到会话中的数据时,浏览器会响应OK。如果代码从所述数据中删除了类别,浏览器会做出正常响应,但当类别再次添加到同一项目时,浏览器不会通过添加类别做出响应,即使控制台日志检查到存在基线数据。 我知道浏览器在检查“浏览器元素”选项卡后没有添加类 但是,当代码将该类

此Meteor客户端代码接收用户输入
keyup。检查过滤器
并更改会话
itemsList
中的对象数组,该会话用于向模板助手提供其数据。
代码将更改进入
{{this.class}}
的数据,该数据与css类匹配,以设置列表项的样式。
当代码将类添加到会话中的数据时,浏览器会响应OK。如果代码从所述数据中删除了类别,浏览器会做出正常响应,但当类别再次添加到同一项目时,浏览器不会通过添加类别做出响应,即使控制台日志检查到存在基线数据。
我知道浏览器在检查“浏览器元素”选项卡后没有添加类

但是,当代码将该类添加到另一个项,然后将其删除,并将一个以前不工作的类添加到第一个项时,第一个项再次工作

知道为什么会发生这种情况以及如何解决吗?谢谢

Template.checks.helpers({
  'values': function() {
    let result = [];
    let checks = Session.get('itemsList'); //<--- array of objects
    checks.forEach((item) => {
      if (some condition) {
        result.push({
          label: item.name,
          class: item.class,
          key: item.key,
          image: utility.getUrlForImageLabel(item.name)
        });
      } else {
        result.push({
          label: item.name,
          class: item.class,
          image: utility.getUrlForImageLabel(item.name)
        });
      }
    });
    console.log(result); //<--- confirms data inclusion.
    return result;
  }
});

Template.checks.events({
  'keyup .check-filter': function(event) {

    //build the array of objects and stores in the session 'itemsList'
    utility.checksFiltering(event.target.value);
  }
});
Template.checks.helpers({
“值”:函数(){
让结果=[];
让checks=Session.get('itemsList');//{
如果(某些条件){
结果:推({
标签:item.name,
类别:item.class,
key:item.key,
image:utility.getUrlForImageLabel(item.name)
});
}否则{
结果:推({
标签:item.name,
类别:item.class,
image:utility.getUrlForImageLabel(item.name)
});
}
});
控制台日志(结果)//