使用Polymer和Django进行路由

时间:2017-12-14 23:30:45

标签: django django-templates polymer polymer-2.x

我正在尝试使用Polymer / Django设置应用。我有一个基本上存在的模板来实例化我的基本组件(admin-panel),它工作得相当膨胀。麻烦的是,现在我在我的组件中使用的不会发现任何变化!是什么给了什么?

这是我的模板:

<head>
    <link rel="import" href="{% static 'index.html' %}"/>
    <script src="{% static 'bower_components/webcomponentsjs/custom-elements-es5-adapter.js' %}"></script>
    <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
    <script src="{% static 'bower_components/webcomponentsjs/webcomponents-loader.js' %}"></script>
    <link rel="import" href="{% static 'src/admin-panel.html' %}"/>
</head>
<body>
    <admin-panel></admin-panel>
</body>

我的Django urlpatterns都解析为上面的模板:

urlpatterns = [
    url(r'^(?!api).*$', views.index, name='index'),
]

这是我的管理面板组件的一部分:

<app-location
    route="{{route}}"
    url-space-regex="^[[rootPath]]">
</app-location>

<app-route
    route="{{route}}"
    pattern="[[rootPath]]:page"
    data="{{routeData}}"
    tail="{{query}}">
</app-route>

<app-drawer-layout fullbleed narrow="{{narrow}}">

  <!-- Main content -->
  <app-header-layout has-scrolling-region>
    ... stuff ...

    <iron-pages
        selected="[[page]]"
        attr-for-selected="name"
        fallback-selection="not-found-page"
        role="main">
      <landing-page name="landing-page"></landing-page>
      <organization-detail-page 
          name="organization-detail-page"
          route="[[query]]">
      </organization-detail-page>
      <not-found-page name="not-found-page"></not-found-page>
    </iron-pages>
  </app-header-layout>
</app-drawer-layout>

其他人使用django模板的app-route?你做了什么?

0 个答案:

没有答案