Как сказать метеору "наблюдать" за изменениями в массиве?

Question

У меня есть что-то вроде этого:

<template name ="products"> 
    <br /> 
    <h2>Products</h2> 
    <table> 
     <tr> 
      <td>Name</td> 
      <td>Price</td> 
     </tr> 
     {{#each products.items}} 
     <tr> 
      <td>{{name}}</td> 
      <td>{{price}}</td> 
     </tr> 
     {{/each}} 
     <tr> 
      <td>Total:</td><td>{{products.totalPrice}}</td> 
     </tr> 
    </table> 
</template> 


Template.products.helpers({ 
     products: function() { 
      try { 
       var user = Session.get("user"); 
       return JSON.parse(localStorage[user]); //this return* 
      } catch (e) { 

      } 
     } 
    }); 

* это возвращает что-то вроде этого {totalPrice: 30, items:[{"productId1","name1","10"},{"productId2","name2","20"}]}

Возникает вопрос: Мне нужно иметь эту информацию, хранящуюся в LocalStorage, а не в Meteor.Collection, как я не хочу перейти на сервер до момента X (не имеет значения, действительно). Но я не могу сделать это автоматически при каждом изменении значения localStorage. Есть какой-либо способ сделать это?

Заранее спасибо.

Answer 1

Это то, что Dependencies для. Самый простой пример:

var array = []; 
var arrayDep = new Deps.Dependency(); 

Template.name.helper = function() { 
    arrayDep.depend(); 
    return array; 
}; 

var change = function() { 
    // do things to Array contents 
    arrayDep.changed(); 
}; 

Answer 2

Храните информацию в Session, так как она реактивна, поэтому ваш шаблон будет меняться каждый раз при изменении значения в сеансе.

Вы также можете использовать пакет browser-store, который, как представляется, делает локальный реактивный реактив.