私は次のような関係を持ってNGリピート

Question

を使用して、すべての繰り返しで関数を呼び出す：（1-Nのカーディナリティを持つ）カテゴリー< --->製品

これは中NGリピートディレクティブです毎回リピートリストカテゴリは、このカテゴリはgetAllProductsByCategory（）機能にすぐに送信され、その後、$ HTTPサービスは、すべての製品を取得する際、HTMLテーブル

<tr ng-repeat="category in categories"> 
    <td>{{category.name}}</td> 
    <td>{{products[category.id]}}</td> 
</tr> 

だから、私は何をする必要があるかでありますこの特定のカテゴリに属する​​。

機能を実行するためにng-initディレクティブを使用しようとしましたが、それを使用する正しい方法ではないと思います。それを行うより良い方法はありますか？

<tr ng-repeat="category in categories" ng-init="getAllProductsByCategory(category)"> 
    <td>{{category.name}}</td> 
    <td>{{products[category.id]}}</td> 
</tr> 

そして、これがNG-initが最初ではないカテゴリ毎に一度だけ実行されますカテゴリ

$scope.getAllProductsByCategory = function(category){ 
$http("getAlProductsByCategory"+category.id){ 
    .success(function (data, status, headers, config) { 
     $scope.products[category.id] = data; 
    }) 
    .error(function (data, status, header, config){ 
     $log.error("Error"); 
    }); 
} 

Answer 1

ですべての製品を取得する関数です。

<tr ng-repeat="category in categories"> 
    <td>{{category.name}}</td> 
    <td>{{products[category.id]}}</td> 
    <script type="text/javascript"> 
     getAllProductsByCategory({{category}}); 
    </script> 
</tr> 

ではなく、パフォーマンスの観点から悪い各カテゴリのために一度呼び出すのでは、これを行うための簡単な方法は、作成など、あります 私はあなたが何をしようとしているが、このだと思いますあなたがそれらを使用したいと思うもののためにそれらを準備しているコントローラーでそれらを一度呼び出すだけです。私はgetAllProductsByCategoryにすべてのオブジェクトを渡すために、コントローラ内の配列を分割する方法がわからない

Answer 2

（カテゴリ）

私は、非同期APIへの呼び出しを行うためにng-initを使用することはお勧めしません。 。モデルビューでは、どのようなアーキテクチャであれ、モデルはビューを駆動するはずです。ビューはモデルを駆動すべきではありません。ビューは、コントローラのユーザ入力イベントを収集できます。コントローラは、必要に応じてこれらのイベントを使用して、非同期APIを使用してモデルを更新することができます。

この場合、カテゴリのリストはおそらくasynch APIから来ている可能性があり、各カテゴリの製品はasynch APIから来る必要があります。これはchaining promisesとすることができます。

まず約束カテゴリを作成：その約束から今

var categoriesPromise = $http.get(categoriesUrl) 
    .then(function (response) { 
    var categories = response.data; 
    $scope.categories = categories; 
    //return to chain categories 
    return categories; 
}).catch(function (error) { 
    console.log("ERROR: ", error.status); 
    //throw to chain rejection 
    throw error; 
}); 

チェーン：詳細については

$scope.products = {}; 

var productsPromise = categoriesPromise.then(function(categories) { 
    var promiseHash = {}; 
    categories.foreach(function(c) { 
     promiseHash[c.id] = getProductsByCategory(c) 
      .then(function(products) { 
      $scope.products[c.id] = products; 
      //return data for chaining 
      return products; 
     }); 
    }); 
    //return $q.all promise for chaining 
    return $q.all(promiseHash); 
}); 

を、

• AngularJS $q Service API Reference - Chaining Promises
• AngularJS $q Service API Reference - $q.all
012を参照してください