2016-04-28 7 views
1

結果、私は次のような機能を持つWebアプリケーションを開発しています:戻る春4とangularjsを使用して

home.html

  • ユーザーは、製品の検索条件を入力して検索
  • を提出します

results.html

  • アプリケーションは、サーバーから返された基準を満たす製品(DIV要素内)のリストを表示します。
  • 各製品について、ユーザーは「選択」ボタン、またはDOMから削除する「解除」ボタンをクリックすることができます。 「選択」は、製品IDをJavascriptアレイに追加するだけです。
  • ユーザーは、選択した製品の配列をサーバーに送信する選択肢を送信できます。
  • 投稿する前に、ユーザーは商品をクリックして、product.htmlページに移動し、詳細を表示することができます。

product.htmlhome.htmlresults.html

は、これはかなり標準funtionalityあるすべてののindex.htmlに含まれるNG-ビューにロードされ、それがあります私のために働く。ただし、ユーザーがproduct.htmlページを表示している場合は、results.htmlページに戻る必要があります。このページには、(1)基準の結果、および(2) [送信]または[解除]ボタンをクリックします。基本的には、ユーザーがproduct.htmlを新しいブラウザタブに開いた後、結果を返すように閉じたのと全く同じですが、代わりにすべてのビューが表示されます。

私の本能は、これが基本的にカートの内容である検索結果の典型的な「カート」であるということです。しかし、私はこの仮定に正しければ私は確信していません。また、Springとangularjsを使ってこの機能を実装する方法がわかりません - この機能をSpring、angularjs、またはその両方で管理する必要があります。

私はここで正確なコードを探しているのではなく、これを実装するためにどのようなアプローチを使用するのかという正しい方向を指しています。ありがとう。

答えて

1

1つのアプローチは、すべてのデータを保持するマスターコントローラを使用するか、bodyタグ(または上位レベルのdiv)にロードし、ネストされたdiv内に言及する他のhtmlページをロードすることです。同様の機能を実現するためにキャッシュサービスも使用していましたが、それは見過ごされすぎて過度のようです。

+0

私は可視性だけを使用するとは考えていませんでした。私は2 ng-viewsを持つ1ページを持つことができました。最初に製品の表示を非表示にして結果表示を表示することができました。ユーザーが製品をクリックすると、その可視性が逆になります。同様に、ユーザーが検索結果に戻ると、再び逆になります。しかし良い方法かもしれないが、私は確信していない。編集:私はテンプレートごとに1つのng-viewを持つことができます参照してくださいhttp://stackoverflow.com/questions/17544558/multiple-ng-view-in-single-template-angular-js –

+0

時には最も簡単な解決策は最高の答えです。 :) –

関連する問題