問題タブ [page.js]

sinatraで page.jsを使用できるかどうかを知りたいです。Myimagesのルートは Page.js ではなく Sinatra によってインターセプトされます

物事を小さく保つために複数の単一ページアプリを使用してアプリケーションを構築していますが、ページ間のリンクを構築する際に問題が発生します。

たとえば、equipment.html と maintenance.html のページを作成する必要があるとします。

どちらも独立した SPA アプリであり、それぞれに独自のクライアント側の回転テーブルがあります。現在、#! を使用して page.js でクライアント側のルーティングを行っています

機器のページにリンクを配置します <a href="/maintenance.html#!/show/350">Show Maintenance</a>

リンクにカーソルを合わせると http ://localhost/maintenance.html#!/show/350 が表示されますが、リンクをクリックするとhttp://localhost/equipment.html#!/maintenance.html#!/show/に移動します私たちをどこにも連れて行かない350 。リンクを 2 回クリックすると、正しいページに移動します。これを解決する方法はありますか？

ありがとう

page.jsルーティングに使用するポリマー スターター キットを使用しています。hashbang pageオプションはに設定されtrueていますrouting.html

などのリンク<a href="/products/productname"></a>がクリックされると、#!が追加され、結果の URL は次のようになります:http://localhost:3000/#!/products/productnameしかし、リンクが新しいブラウザ タブで開かれると、次のようになりますhttp://localhost:3000/products/productname。#!リンクが新しいタブで開かれたときに追加するにはどうすればよいですか?

サイトの内部ページで Polymer アプリを実行しようとしていますが、初期ルートの設定に問題があります。アプリは、ローカル dev の 127.0.0.1:8080/hardware にあります。

私のカスタム要素は次のようになります。

カスタム要素は<template is="dom-bind" id=app>、ページ上でラップされています。

私の routing.html は、次のような elements.html から呼び出されます。

また、routing.html は次のようになります。

ページの下部でこのスクリプトを呼び出します。

注として、<iron-pages>要素を追加する前に、鉄のセレクターと dom-repeat テンプレートが機能していました。

私の問題<iron-pages attr-for-selected="data-route" selected="{{route}}">は、selected が {{route}} に設定されている場合、鉄のページにセクションが表示されず、URL が表示されることですhardware/#!/hardware。

Iron-Pages selected 属性を手動でselected="home"ホーム ビュー ディスプレイに設定すると、iron-selector と dom-repeat の両方が機能します。それでも、ルート catz へのリンクをクリックすると、URL が変更されてもビューは同じままです。

console.log(app.route)home開発ツールでは、すべてのポイントで返されます。Polymer 1.0 スターター キットのルーティング メソッドをエミュレートするために最善を尽くしましたが、機能させることができません。

では、最初にホームへのルートを設定し、ユーザーの操作でルートを変更できるようにするにはどうすればよいでしょうか?

paper-menu と paper-header-panel に問題があります。paper-menu 項目をクリックすると、webcomponents が関連ページを正しくロードすると、これは前にスクロールした位置に表示されます。クリックが実行されたときに上にスクロールするように設定するにはどうすればよいですか??