结合Django模板和聚合物

时间:2014-06-27 10:07:00

标签: django django-templates polymer

过去几个小时我一直在试图弄清楚为什么核心聚合物元素没有在Django应用程序中正确显示,我将其作为个人网页。目前application只指向一个index.html页面,如果您按照Polymer上的tutorial进行操作,则可以使用第1步。

但是,我的页面上没有加载组件。静态文件都设置正确,并且正确加载了css文件中的微妙动画,但没有显示Roboto字体和核心元素。将站点作为普通HTML文件运行可以正确完成所有操作。

Django模板中是否有使用Polymer的特定方法?

感谢。

3 个答案:

答案 0 :(得分:13)

请参阅Eric在Polymer-dev邮件列表中的回答:https://groups.google.com/forum/?fromgroups=#!searchin/polymer-dev/django/polymer-dev/N2R8qknalOI/58ZhC1gWFh4J

相关摘录:

Django 1.5支持逐字标记。您可以将内联元素定义包装在: 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's template.
</script>

答案 1 :(得分:3)

我很确定这与Django在其模板中使用与Polymer相同的{{}}这一事实有关。

答案 2 :(得分:0)

我添加这个答案是对已经接受的答案的赞美。

你可以强制django为它的模板标签需要一个空格。因此,对于任何django模板标记,您必须使用{{ variable }},对于聚合物,您将使用{{variable}}

这是一个非常简单的模块/应用程序,我创建“准备”django与聚合物一起使用。

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

此建议的归功于https://github.com/nebrybledu