javascript - 单独的类别项目 angularJS

Question

如何在 AngularJS 中列出项目并按类别分隔它们，如下所示:

<h3>Products</h3>
  <div ng-repeat="item in products">
  <div>
      {{item.category}}
  </div>
       <p>
         {{item.name}}
       </p>
        <p>
         {{item.price}}
       </p>
  </div>

$范围:

$scope.products = [
        {
           name:"product1",
           price:"450",
           category:"cat1"
        },
         {
           name:"product2",
           price:"450",
           category:"cat2"
        },
         {
           name:"product3",
           price:"450",
           category:"cat1"
        }
    ];

我希望它看起来像这样:

猫1

--->产品1

--->产品3

类别2

--->产品2 ...

请帮忙!

Answer 1

参见[ fiddle ])( http://jsfiddle.net/Lvc0u55v/2846/ )

我做了一些格式化，以所需的格式发送数据消息。

$scope.productCategories = {};

  for (var i = 0; i < products.length; i++) {
    if ($scope.productCategories[products[i].category] == undefined)
      $scope.productCategories[products[i].category] = [];
    $scope.productCategories[products[i].category].push({
      name: products[i].name,
      price: products[i].price
    });

}

Html 格式已关闭，但我希望这能给您一个想法