Объединение шаблонов Django и Polymer

Я застрял в течение последних нескольких часов, пытаясь понять, почему основные элементы Полимера не отображаются должным образом в приложении Django, которое я делаю, чтобы действовать как персональная веб-страница. приложение на данный момент просто указывает на страницу index.html, которая, если вы следуете учебник на "Полимер" - это первый шаг.

Однако компоненты не загружаются на мою страницу. Статические файлы настроены правильно, и там тонкая анимация из загружаемых файлов CSS, но шрифт Roboto и основные элементы не отображаются. Запуск сайта как обычного файла HTML делает все правильно.

Существует ли конкретный способ для пользователя Polymer в шаблоне Django?

Спасибо.

Ответы

Ответ 1

См. Эрик, ответьте на это в списке рассылки polymer-dev: https://groups.google.com/forum/?fromgroups=#!searchin/polymer-dev/django/polymer-dev/N2R8qknalOI/58ZhC1gWFh4J

Соответствующая выдержка:

Django 1.5 поддерживает тег verbatim. Вы можете обернуть свои встроенные определения элементов тем, что: https://docs.djangoproject.com/en/1.5/ref/templates/builtins/#verbatim

Пример фрагмента кода:

{% verbatim %}
<template repeat="{{item as items}}">
  <my-element name="{{item.name}}"></my-element>
</template>
{% endverbatim %}

<script>
  document.querySelector("template').model = {{items}}; // items here is filled by the server template.
</script>

Ответ 2

Я уверен, что это связано с тем, что Django использует те же {{}} в своих шаблонах, что и Polymer.

Ответ 3

Я добавляю этот ответ в качестве комплимента к уже принятому ответу.

Вы можете заставить django потребовать пробел для шаблонов шаблона. Поэтому для любых тегов шаблонов django вы должны использовать {{ variable }}, а для полимера вы будете использовать {{variable}}.

Вот очень простой модуль/приложение, которое я создал для "подготовки" django для использования вместе с полимером.

https://github.com/andrewebdev/django-ostinato/blob/dev/ostinato/polyprep/ init.py

Кредит отправляется https://github.com/nebrybledu для этого предложения.