app route polymère, comment acheminer vers une nouvelle page dans les mêmes App

Question

Je suis en train de naviguer vers une nouvelle page (lorsque je clique sur un bouton, il devrait ouvrir une nouvelle page, dans l'application)

Ceci est la première page

<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> 

maintenant lorsque je clique sur le bouton « Go pour créer le projet », le projet de créer ouvre dans la même page, au lieu d'aller à une nouvelle page. l'URL change à/#/projet, mais il ouvre la page créer projet juste sous la page en cours

où créer projet est juste une simple page de formulaire HTML. Je veux ouvrir le projet de création de façon à ce que seul le contenu du projet de création apparaisse sur la page et non la fusion du contenu de la page précédente avec la page de création de projet

Puis-je naviguer vers create-project? Y a-t-il quelque chose qui me manque, ou est-ce possible

Answer 1

Le polymère app-route est conçu de cette façon, pour fonctionner avec une "application monopage" ou un SPA. Vous pouvez créer un lien ou un bouton pour afficher une page complètement séparée si vous le souhaitez, sans le hachage. /my-separate-page. Mais vous perdrez tout de la mémoire dans votre application originale Polymer.