2017-10-06 3 views
0

URLが/products/123の場合は、URLから123を取得して対応するデータを取得して表示できますか? 正しく理解すれば、この動的にすることで、setStateの関連商品に対するユーザーのクリックを処理し、テンプレートを再利用できるようになります。AMP:URLからの経路情報を使用

+0

理由だけで、サーバが初期にレンダリングされませんそこから行く? – Scriptonomy

+0

@Scriptonomy:尋ねてくれてありがとう。この能力をAMPから得ることの利点:*単一の静的資産を異なるアイテムにわたって使用することができます。私はこれがAMPとサーバーレスのアーキテクチャを組み合わせることを望んでいます。 *別のアイテムに移動するときに別のページの読み込みをスキップします。 * PWAでロジックを動的に再利用すると、ハード・ナビゲーションによってアプリケーションの状態が失われる恐れがあります( 'AMP.setState' stuff)。 – Tycho

+0

関連:https://github.com/ampproject/amphtml/issues/11601 – Tycho

答えて

1

を使用してクエリパラメータにアクセスすることができます。これはamp-listコンポーネントでサポートされています。

/products?product=123456

を...そして、製品の詳細をレンダリングするためにアンペア・リストを使用します:あなたのケースでは、クエリパラメータを経由してプロダクトIDを提供することができ

<amp-list src="https://foo.com/list.json?product=QUERY_PARAM(product)"> 
    ... 
</amp-list> 
関連する問題