Обновление массива на RactiveJS

Я работаю с RactiveJS, и у меня проблема при работе с массивами. Это моя первоначальная конфигурация:

JSFIDDLE: http://jsfiddle.net/18fccpnj/

var ractive = new Ractive({
  el: 'container',
  template: '#template',

  // Here, we're passing in some initial data
data: { students: [
    {name: "Miguel Crespo", note: 5}
]}

});

И у меня есть кнопка на моем html, которая запускает событие

<button on-click="charge">Cargar otro</button>

Это дескриптор события:

ractive.on("charge", function(){
ractive.set("students", [
    {name: "Miguel Crespo", note: 5}, 
    {name: "Pedro Perez", note: 3}
]);
});

Этот вызов никогда не обновляет представление, и я не знаю почему, потому что на официальной странице работает такой пример!

Я ценю вашу помощь.


javascript arrays json jquery ractivejs
person Miguel    schedule 23.03.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Использование статических разделителей для блока [[#each students:num]] означает, что он не будет обновляться после первоначального рендеринга. Измените их на {{#each students:num}}, и все будет работать нормально (см. http://jsfiddle.net/18fccpnj/4/). ).

Также нет необходимости сбрасывать данные для всего массива, вы можете просто добавить новый элемент:

ractive.push("students", {name: "Pedro Perez", note: 3});

person martypdx    schedule 23.03.2015