角度を使用して2ページ間でデータを渡します。

Question

私たちはAngularJS（Angularを初めて使用しています）を使用して、以下のページを持つWebアプリケーションを開発しています。

• ホームページ - ユーザーは商品データを持つファイルをアップロードできます。
• 注文管理ページ - 注文の作成/プレビューと送信が行われます。一括注文は、ホームページにアップロードされたExcelから処理されます。

ユーザーが製品データでExcelをアップロードすると、データは角度で処理され、製品リストは検証のためにAPI用に送信されます。 APIから、有効な商品およびその他の関連情報が返されます。これはOrder Managementページのグリッドに表示する必要があります。

注文管理新しいページです。ホームページで取得した有効な商品リストを注文管理ページに渡すにはどうすればいいですか？

クライアントは自宅と注文管理を2つの別々のページに分ける必要があります。提案してください。

Answer 1

同じ種類の質問が多いにもかかわらず、ページ間のデータ共有は常に重要な要件/質問でした。

のlocalStorage

あなたのケースサービスに行くための最良の選択肢となります

• 工場
• サービス：Angularjsはそこにオプションのカップルを提供しています！

  すべての製品データを保持するサービスを作成します。

  angular.service("productService", function() { 
      //call your api and assign the return the products from here. 
  }); 
  

  あなたのコントローラでそのサービスを参照し、参照をスコープに保存してください。

  angular.controller("homeCtrl", function($scope, productService) { 
      $scope.products= productService.getProducts(); 
  }); 
  

  、あなたのhtmlで今orderCtrl

  angular.controller("orderCtrl", function($scope, productService) { 
      $scope.products= productService.getProducts(); 
  }); 
  

  で同じデータを必要とするとき、あなたが製品の変数を使用して、すべてのモーダルの変数を参照してください。

  ここには同じ種類の要件を持つreference to a similar questionがあります。