ポリマー - <a>タグから別のビューに移動するにはどうすればいいですか？

Question

誰かがすでにこれを尋ねてきたのであれば、私は最高の検索をしましたが、できませんでした。

私は、hrefを使用してタグの別のビューにリンクしようとしています。これは、私のhtmlコードからPolymerを使用しています。私は、この技術のコンセプトでは新しく、たとえ使用するのがかなり簡単だとは思えますが、 routing.htmlを試してみましたが、このスクリプトの最適な使い方についての明確な概念はありません。

だから私は、誰かが私に何を読んでいるのか、この場合何をすべきかについての指示を与えてくれることを期待していました。

これは私が何をしようとしていたものをちょっとだった：

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

ジャバスクリプトセクション：

(function() { 
'use strict'; 

Polymer({ 
    is: 'avipavo-signin', 

    properties: { 

    }, 

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

}）（）;

そしてrouting.html：すべての人に

page('/managepass',function(){ 

    console.log("managepass"); 

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

よろしく！

Answer 1

私は、ポリマー/ WebComponentsのための2つの人気のルーティングコンポーネントを知っている：エリックRingsmuthによって

app-routerは、ルーティングのためのネイティブのWebコンポーネントです。ポリマーベースのアプリケーションでうまく動作します。

より新しい、よりモジュラーなアプローチは、ポリマーチームによってcarbon-routeです。ポリマーブログのcarbon-routeに関する記事を読むhttps://blog.polymer-project.org/announcements/2016/03/28/carbon-route-released/

Answer 2

managepassに行くには、<a>タグをフォローするように変更してください。
<a href="#!/managepass">Recuperar Contraseña</a>

開始#!はhashbang: trueです。

page.jsでルートをナビゲートする方法は、ルートへの簡単なリンクを使用しています。

Answer 3

あなたのJS部分で次のことを試しましたか？

(function() { 
    'use strict'; 

    Polymer({ 
     is: 'avipavo-signin', 

     properties: { 

     }, 

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

出典：https://visionmedia.github.io/page.js/ - page(path)：指定したパスに移動します。この方法を使うと、ハッシュバングの使用を心配する必要はありません。