Индекс Ractive.js не реагирует

Question

Пожалуйста, посмотрите этот jsfiddle (адаптированный от одного Рич Харрис):

http://jsfiddle.net/upgu2tq3/29/

Я пытаюсь удалить элемент по индексу из ключевого пути "Сообщения". Я могу сделать это с помощью встроенного метода сплайсинга. Он ведет себя как обычный Array.splice. splice(array,startIndex,numberOfItemsToRemove)

 {{#each Posts:i}}
    <button on-click="splice('Posts',i,1)">Remove {{i}}</button>
 {{/each}}

Это делает работу по удалению элемента из ключевого пути. Однако после удаления значение {{i}} (рядом с "Удалить") не отображается для обновления.

Я пометил посты "Post 0", "Post 1" и т. Д., Чтобы соответствовать индексу.

Похоже, что он повторяется по числовому индексу (от 0 до длины-1)? Просто шаблон не обновляет индекс при изменении массива. Я проверил длину после того, как предмет был удален - он уменьшен...

Я просто немного смущен этим.

Answer 1

Работает как положено.

Индекс изменится после сращивания. Вы можете увидеть изменение метки кнопки после нажатия кнопки удаления.

Вы сбиты с толку, потому что вы жестко закодировали контент в "Post 0" и т. Д. Контент не изменится, потому что индекс изменился.

Если вы хотите, чтобы это изменилось, то измените {{Text}} в Post {{i}}