聚合物App-Route，如何路由同一应用程序中的新页面

Question

我正在尝试导航到新页面（即，当我单击按钮时，它应该在应用程序中打开新页面）

这是第一页

<dom-module id="project-view">
<template>
            <app-location route="{{route}}" use-hash-as-path></app-location>
            <app-route 
             route="{{route}}" 
             pattern="/:name" 
             data="{{routeData}}" 
             tail="{{subroute}}">
            </app-route>
         <iron-selector selected="[[routeData.name]]" attr-for-selected="data-page">
           <a class="btn" data-page="Project" href="#/Project">Go to create project</a>
          </iron-selector>
            <iron-pages selected="[[routeData.name]]" attr-for-selected="name">
                <create-project name="Project" route="{{subroute}}"></create-project>
                </iron-pages>
        </main>
    </div>
    <div>
    </div>

</template>
<script>
    Polymer({
        is: 'project-view',
});
</script>
</dom-module>

所以现在，当我单击"转到创建项目"按钮时，创建项目在同一页面中打开，而不是转到新页面。URL更改为/＃/project，但它打开了当前页面下方的创建项目页面

创建项目只是一个简单的HTML表单页面。我想打开创建项目，以便仅在页面上显示创建项目内容，而不是上一页内容与Create-Pogept page的融合

我可以导航到创建项目吗？我是否缺少任何东西，还是可能

Answer 1

聚合物的app-route是通过这种方式设计的，可与"单页应用"或SPA一起使用。您可以创建一个链接或按钮以显示一个完全独立的页面，而无需哈希。/my-separate-page。但是您将在原始聚合物应用程序中失去内存。