title: Issue with select and ng-repeat in Angular
body: <p>I've just started playing with Angular, and I'm having a hard time understanding certain things here. I wanted to set up a list of products, which belong to different categories. Some products are in the same category, like so :</p>
  
  <pre><code>$scope.products = [
    {'name': 'Product 1', 'cat':'Cat 1'},
    {'name': 'Product 2', 'cat':'Cat 2'},
    {'name': 'Product 3', 'cat':'Cat 2'},
    {'name': 'Product 4', 'cat':'Cat 3'},
    {'name': 'Product 5', 'cat':'Cat 3'},
    {'name': 'Product 6', 'cat':'Cat 2'},
  ];
  </code></pre>
  
  <p>I was able to create a <code>&lt;select&gt;</code> which merges the same categories in order to avoid duplicates, thanks to the unique filter from AngularUI. Here is the code :</p>
  
  <pre><code>&lt;select ng-model="query" ng-options="c.cat for c in products | unique:'cat'"&gt;
      &lt;option value="0"&gt;Default&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;ul&gt;
      &lt;li ng-repeat="c in products | filter:query"&gt;
          {{c.name}}
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to display the results in a list according to the category I've selected. But when I try to do so, the only product returned in the list will be the first one inside the category. I've created a Fiddle with my problem: <a href="http://jsfiddle.net/F7Hvq/3/" rel="nofollow">http://jsfiddle.net/F7Hvq/3/</a>.</p>
  
  <p>Any help would be really appreciated!</p>