title: How to make angularjs unique list all results?
body: <p>I'm using AngularJS to list and filter a task board. I'm also using <code>unique</code> to remove repeated strings in <code>ng-options</code>.
  When I load the page, angular is listing well all json, but when I try to use <code>&lt;select&gt;</code> to filter contents, it returns me only 1 result.</p>
  
  <p>For example: In json, I have 2 arrays that have <code>Feb</code>. If I choose <code>Feb</code> on <code>&lt;select&gt;</code>, it only returns me 1 result instead of 2. What am I doing wrong?</p>
  
  <p>html:</p>
  
  <pre><code>&lt;body ng-controller="ListTask"&gt;
      &lt;div&gt;
          &lt;select bg-model="categoryFilter" ng-options="task.category for task in tasks | unique: 'category'"&gt;
              &lt;option value=""&gt;category&lt;/option&gt;
          &lt;/select&gt;
          &lt;select ng-model="statusFilter" ng-options="task.status for task in tasks | unique: 'status'"&gt;
              &lt;option value=""&gt;status&lt;/option&gt;
          &lt;/select&gt;
          &lt;select ng-model="monthFilter" ng-options="task.month for task in tasks | unique: 'month'"&gt;
              &lt;option value=""&gt;month&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;li ng-repeat="tasks in task | filter: categoryFilter | filter: statusFilter | filter: monthFilter"&gt;
              &lt;p&gt;{{task.title}}&lt;/p&gt;
              &lt;small&gt;{{task.month}} {{task.category}}&lt;/small&gt;
          &lt;/li&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>json:</p>
  
  <pre><code>[
      {
          "title": "Title 1",
          "status": "open",
          "month": "Feb",
          "category": "Cat 1"
      },
      {
          "title": "Title 2",
          "status": "closed",
          "month": "Feb",
          "category": "Cat 2"
      },
      {
          "title": "Title 3",
          "status": "delayed",
          "month": "Mar",
          "category": "Cat 1"
      },
      {
          "title": "Title 4",
          "status": "closed",
          "month": "Mar",
          "category": "Cat 3"
      }
  ]
  </code></pre>
  
  <p>controller:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ui.utils']);
  
  myApp.controller('ListTask', ['$scope', '$http', function($scope, $http){
      $http.get('/json/tasks.json').success(function(data){
          $scope.tasks = data;
      });
  }]);
  </code></pre>
  
  <p>EDIT>>>>>>>>
  Another problem is when I fill more than 1 <code>&lt;select&gt;</code>, it returns me no results :(</p>