rivets.js each-* не отображается

Я пытаюсь использовать rivets.js (через rivets-rails gem) для связывания массива прямых объектов JavaScript (без библиотеки моделей JS, таких как Backbone и т. д.), которые извлекаются через API JSON в приложении Rails.

Элемент для привязки (сначала HAML, затем выход):

%tr(rv-each-function="functions")
  %td { function.name }

<tr rv-each-function="functions">
  <td>{ function.name }</td>
</tr>

Связующий код (CoffeeScript):

functions_table = rivets.bind $("#functions_table"), {functions: AdminData.Functions}

AdminData.Functions выглядит так (через JSON.stringify):

[{"id":1,"name":"SomeData"},{"id":2,"name":"OtherData"},{"id":3,"name":"YetMoreData"}] 

Когда я проверяю заклепки Посмотреть functions_table с помощью console.log, Я вижу это tbody#functions_table является единственным членом functions_table.els и это functions_table.models.functions содержит ожидаемый массив объектов, но данные не связаны, поэтому вывод на странице просто { function.name }, как показано в первом блоке кода.

Документация на заклепки немного противоречива - описание показывает, что следует использовать data-item-* пока пример показывает rv-item-* (см. Итерацию использования в документации по заклепкам). Я пробовал оба.

Любые указатели очень ценятся. Приветствия.

0 ответов

Другие вопросы по тегам