我目前正在研究聚合物应用,我以前的应用也是用聚合物制造的。在之前的应用程序中,我做了路由,它工作得很好。
我回到旧代码并尝试在完全失败的新应用程序中实现它。
我不能为我的生活看到我做的不同。
<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。我上次没有使用哈希。