我正在尝试一个非常简单的路由，但无法让它工作。我的代码：
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
<dom-module id="lab1-app">
<template>
<style>
:host {
display: block;
}
</style>
<app-location route="{{rt}}"></app-location>
<app-route
route="{{rt}}"
pattern="/:view"
data="{{rd}}"
tail="{{tail}}"
></app-route>
<iron-pages selected="[[rd.view]]" attr-for-selected="pgid" fallback-selection="404" >
<h2 pgid="profile">Profile</h2>
<h2 pgid="detail">Detail</h2>
<h2 pgid="form">Form</h2>
<h2 pgid="404">404</h2>
</iron-pages>
</template>
<script>
/**
* @customElement
* @polymer
*/
class Lab1App extends Polymer.Element {
static get is() { return 'lab1-app'; }
static get properties() {
// console.log(dataRute);
return {};
}
}
window.customElements.define(Lab1App.is, Lab1App);
</script>
</dom-module>
我不确定哪一部分出了问题，我可以告诉 Iron-pages 正在工作，因为它总是显示 404，
但是当我尝试加载时localhost:8081/detail，它仍然显示 404。任何帮助表示赞赏。谢谢！