刷新时的聚合物路由

时间:2017-10-25 13:38:37

标签: javascript html polymer polymer-1.0

我目前正在研究聚合物应用,我以前的应用也是用聚合物制造的。在之前的应用程序中,我做了路由,它工作得很好。

我回到旧代码并尝试在完全失败的新应用程序中实现它。

我不能为我的生活看到我做的不同。

   <link rel="import" href="app-theme.html">
<link rel="import" href="bower_components/paper-button/paper-button.html">
<link rel="import" href="routing-element-two.html">

<dom-module id="routing-element-one">
<template id="test-element-template">
    <style include="iron-flex">

    </style>
    <app-location route="{{route}}"></app-location>

    <app-route
        route="{{route}}"
        pattern="/polymerui/:page"
        data="{{routeData}}">
    </app-route>
        test one
    <paper-tabs selected='{{routeData.page}}' attr-for-selected='key'>
      <paper-tab key='main'>main</paper-tab>
      <paper-tab key='document'>document</paper-tab>
      <paper-tab key='baz'>Baz!</paper-tab>
    </paper-tabs>

    <neon-animated-pages selected='{{routeData.page}}'
                     attr-for-selected='key'
                     entry-animation='slide-from-left-animation'
                     exit-animation='slide-right-animation'>
      <neon-animatable key='main'>Foo Page Here</neon-animatable>
      <neon-animatable key='document'>Bar Page Goes Here</neon-animatable>
      <neon-animatable key='baz'>Baz Page, the Best One of the Three</neon-animatable>
    </neon-animated-pages>

    <!-- <routing-element-two route={{tailData}}></routing-element-two> -->
</template>

<script>
    MyLists = Polymer({
      is: 'routing-element-one',

      properties: {

      },
      behaviors: [Polymer.IronResizableBehavior],
      listeners: {
          'iron-resize':'_handleResize',
          'change-content':'_changeContent',
          'update-portlet' : '_updatePortlet'
      },

      observers: [
        '_routeChanged(route.*)',
        '_viewChanged(routeData.view)'
      ],
      _routeChanged:function(e){
          e;
      },
    _viewChanged:function(view) {
          // load data for view
        }
    });
</script>
</dom-module>

这只是我的测试页面,让它工作。当我更改标签时,网址更新/ polymerui / + main,document,baz!。非常棒,但是当我刷新404时。

我只是看不出上次有什么不同的做法。显而易见的是,如果我搜索/ polymerui / main,那就不存在了。我的观点是我上次如何运作?

P.S。我上次没有使用哈希。

0 个答案:

没有答案