問題タブ [polymer-1.x]

私はPolymerアプリを持っています。ユーザーがログアウトしたときに、アプリ全体を元の状態にリセットしたい。(現時点では、ユーザーがログアウト後に再度ログインすると、アプリはユーザーをログアウト時のアプリの状態とページに戻します。)

これを達成するための便利な (つまり、グローバルな) アプリ設計またはコード パターンはありますか? 便利な/グローバルなものがない場合は、これをローカルで (つまり、要素ごとに) 達成する方法を示してください。

編集

いくつかの調査 (および Polymer slack グループでの会話) の結果、これまでのところ 2 つの主な提案があるようです。他の人は大歓迎です。

ブラウザのリロード

JS ステートメントを使用して、ブラウザー ページを強制的に更新できます。

と 534 の他の方法。

この解決策は私にとって満足のいくものではありません。これは本質的にハッキングであり、パフォーマンスの問題や、画面の更新や再描画を待つなどの望ましくない副作用を引き起こします。

ステートレス アーキテクチャ

誰かがステートレス アプリ アーキテクチャの使用を提案しています。しかし、Polymer アプリのコーディング コンテキストでそれを実装する方法がわかりません。繰り返しますが、提案やアイデアは大歓迎です。

paper-radio の円ボタンを非表示にして、円を数字で表示するカスタム div に置き換えたいと思います。以下のコードを試しましたが、すべてのコンテンツが非表示になります

これらのコードを試してみました Plunker: https://plnkr.co/edit/kzCDugV8O2H5Z0eKMLZS?p=preview

これがプランクです。

私の目標は、内にpaper-tabs+iron-pagesパターンを実装することpaper-dialogです。

2 番目のタブをクリックすると、タブ付きペインのコンテンツ ヘッダーに "Page 2" と表示され、その後に Lorem Ipsum のテキストが表示されるはずです。ただし、代わりに、2 番目のタブ付きペイン内にはコンテンツがありません。

私は何が欠けていますか？

app-route がどのように機能するかを理解したと思ったとき、この要素に関する私の理解が正しいかどうかを疑う問題に遭遇しました。

私が理解したことから、ブラウザの URL とルートの値を同期させるのは app-location の責任です。そのうちの 1 つが変更された場合、app-location はもう一方も変更されていることを確認します。

また、app-route の route 属性は data 属性と同期しているため、以下のコードの paper-tabs による data 属性の変更により、app-route の route 属性が変更され、app-location が更新されます。ブラウザの URL。

ただし、紙のタブでフォールバック選択属性を使用しなかったため、http://localhostにサーフィンするとパスが「/」に設定され、ホームページが表示されません。

そこで、ready 関数のコードで URL をリダイレクトできると考えました。残念ながら、実際には route.path は変更されますが、URL は変更されません。

何故ですか？関数を介してルートを手動でリダイレクトするにはどうすればよいですか? 言い換えれば、なぜ paper-tabs 要素を介して routeData.subpage を変更するとリダイレクトが発生し、関数から routeData.subpage を変更してもリダイレクトされないのですか?