title: ng-repeat based on dropdown selection or search input
body: <p>Using <code>$http</code> to get some json to put in a table. I want to have it so I can search the the json from an input (which I have working) and I want to also be able filter the json based on the selection from a drop down. I don't need to double filter at this point, so I just want to be able to do both but not simultaneously.</p>
  
  <p>Here is the html code and the <code>ng-repeat="x in names | limitTo: 10 | filter:search_targets</code> works fine but I would also like to filter on <code>indicator</code></p>
  
  <pre><code>&lt;div class="col s3"style="padding: 1vh;"&gt;
      &lt;div class="grey darken-3"style="height: 98vh"&gt;
          &lt;h4 class="right" style="padding:1vh"&gt;Parameters&lt;/h4&gt;
          &lt;div ng-app="myApp" ng-controller="customersCtrl" class="row"&gt;
              &lt;form class="col s12"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="input-field col s12"&gt;
                          &lt;input id="search_targets" type="text" class="validate" ng-model="search_targets"&gt;
                          &lt;label for="search_targets"&gt;Search Targets&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="input-field col s12"&gt;
                          &lt;select ng-model="indicator"&gt;
                              &lt;option value="" disabled&gt;Select Indicator&lt;/option&gt;
                              &lt;option value="Mexico"&gt;Mexico&lt;/option&gt;
                              &lt;option value="France"&gt;France&lt;/option&gt;
                              &lt;option value="3"&gt;Option3&lt;/option&gt;
                              &lt;option value="4"&gt;Option4&lt;/option&gt;
                              &lt;option value="5"&gt;Option5&lt;/option&gt;
                              &lt;option value="6"&gt;Option6&lt;/option&gt;
                              &lt;option value="7"&gt;Option7&lt;/option&gt;
                              &lt;option value="8"&gt;Option8&lt;/option&gt;
                              &lt;option value="9"&gt;Option9&lt;/option&gt;
                              &lt;option value="10"&gt;Option10&lt;/option&gt;
                              &lt;option value="11"&gt;Option11&lt;/option&gt;
                              &lt;option value="12"&gt;Option12&lt;/option&gt;
                              &lt;option value="13"&gt;Option13&lt;/option&gt;
                              &lt;option value="14"&gt;Option14&lt;/option&gt;
                              &lt;option value="15"&gt;Option15&lt;/option&gt;
                              &lt;option value="16"&gt;Option16&lt;/option&gt;
                              &lt;option value="17"&gt;Option17&lt;/option&gt;
                              &lt;option value="18"&gt;Option18&lt;/option&gt;
                          &lt;/select&gt;
                          &lt;label&gt;I.A.T Indicators&lt;/label&gt;&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s12" style="
                      padding-left: 11.250px;
                      padding-right: 11.250px;
                      margin top:5vh;
                      "&gt;
                      &lt;table&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th data-field="id"&gt;Name&lt;/th
                                  &lt;th data-field="name"&gt;Score&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              &lt;tr ng-repeat="x in names | limitTo: 10 | filter:search_targets"&gt;
                                  &lt;td&gt;{{x.Name}}&lt;/td&gt;
                                  &lt;td&gt;{{x.Country}}&lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>and here is the pertinent js:</p>
  
  <pre><code>var app = angular.module('myApp', []);
  app.controller('customersCtrl', function($scope, $http) {
      $http.get("http://www.w3schools.com/angular/customers.php")
          .success(function (response) {$scope.names = response.records;});
  });
  </code></pre>
  
  <p>I have only really started to work with angular, so any advice is welcome!</p>