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-*
(см. Итерацию использования в документации по заклепкам). Я пробовал оба.
Любые указатели очень ценятся. Приветствия.