Polymer - Wie zu einer anderen Ansicht von einem <a> Tag zu gehen?

Question

Ich habe mein Bestes gesucht, wenn jemand das schon gefragt hat, aber ich konnte nicht.

Ich versuche, eine Verknüpfung zu einer anderen Ansicht in einem Tag (mit href), von meinem HTML-Code mit Polymer. Ich bin neu mit den Konzepten dieser Technologie, obwohl es ziemlich einfach zu bedienen scheint. Ich habe versucht mit der routing.html, aber ich habe keine klaren Konzepte über die optimale Verwendung dieses Skripts.

Also hatte ich gehofft, dass mir jemand Anweisungen geben kann, was ich in diesem Fall lesen oder was ich tun soll. Diese

war irgendwie was ich versucht habe zu tun:

<div class="retrieve_link"> 
    <a href="#" on-click="gototest">Recuperar Contraseña</a> 
</div> 

JavaScript-Bereich:

(function() { 
'use strict'; 

Polymer({ 
    is: 'avipavo-signin', 

    properties: { 

    }, 

    gototest : function(){ 
     app.route = "managepass"; 
    } 
}); 

})();

Und die routing.html:

page('/managepass',function(){ 

    console.log("managepass"); 

    app.title = 'Nueva Contraseña'; 
    app.route = 'managepass'; 
    app.shortView = true; 
}); 

Mit freundlichen Grüßen an alle!

Answer 1

Ich weiß, 2 beliebte Routing-Komponenten für Polymer/WebComponents:

app-router von Erik Ringsmuth stammt Web-Komponente für das Routing. Funktioniert gut mit Polymer-basierten Apps.

Neuere und modularer Ansatz ist carbon-route von Polymer-Team. Lesen Sie einen Artikel über carbon-route in Polymer-Blog: https://blog.polymer-project.org/announcements/2016/03/28/carbon-route-released/

Answer 2

Um zu Ihrem managepass Weg zu gehen die <a> Tag ändern folgende sein.
<a href="#!/managepass">Recuperar Contraseña</a>

Der Start #! ist mit hashbang: true.

Die Art, wie Sie Ihre Routen mit page.js navigieren, verwendet einfache Links zu den Routen.

Answer 3

Haben Sie Folgendes versucht (in Ihrem JS-Teil)?

(function() { 
    'use strict'; 

    Polymer({ 
     is: 'avipavo-signin', 

     properties: { 

     }, 

     gototest : function(){ 
      page('/managepass'); 
     } 
    }) 
})(); 

Quelle: https://visionmedia.github.io/page.js/ - page(path): Navigieren Sie zu dem angegebenen Pfad. Mit diesem Ansatz sollten Sie sich keine Gedanken über die Verwendung von Hashbangs machen oder nicht.