title: angular ng-repeat with condition
body: <p>Products have 4 different category. I want to show them into 3 section. How to do this with angularjs? I want to repeat ng-repeat  based on product category. </p>
  
  <p>Please check my plnkr: <a href="http://plnkr.co/edit/XdB2tv03RvYLrUsXFRbw?p=preview" rel="nofollow">http://plnkr.co/edit/XdB2tv03RvYLrUsXFRbw?p=preview</a></p>
  
  <pre><code>var product = [
  
    {
      "name": "Item 1",
      "dimension": {
        "height": "4 in",
        "width": "3 in"
      },
      "category": "A"
    }, {
      "name": "Item 2",
      "dimension": {
        "height": "2 in",
        "width": "6 in"
      },
      "category": "B"
    }, {
      "name": "Item 3",
      "dimension": {
        "height": "2 in",
        "width": "3 in"
      },
      "category": "C"
    }, {
      "name": "Item 4",
      "dimension": {
        "height": "5 in",
        "width": "2 in"
      },
      "category": "D"
    }
  
  ];
  </code></pre>