title: AngularJS Dropdown and Textbox Filter
body: <p>I have an ng-repeat that creates a table of data. Each entry has several properties, including IP Address, MAC Address, author and more. I have a textbox that automatically sorts IP address, but I also want to provide a dropdown that allows users to select which property they would like to filter by. </p>
  
  <p>For example, the default behavior is that by typing "12" into the box, only entries with "12" in the IP Address will be displayed. But if the user selects "Author" from the dropdown and types "Mark" into the textbox, only entries with "Mark" as the author will be displayed.</p>
  
  <p>I tried setting the textbox's ng-model to "selectFiler.value" but that didn't work.</p>
  
  <pre><code>&lt;form&gt;
      &lt;select ng-model="selectFilter"&gt;
          &lt;option value="incident_at"&gt;Incident Date&lt;/option&gt;
          &lt;option value="ip_addr" selected="selected"&gt;IP Address&lt;/option&gt;
          &lt;option value="mac_addr"&gt;MAC Address&lt;/option&gt;
          &lt;option value="created_at"&gt;Created On&lt;/option&gt;
          &lt;option value="author"&gt;Author&lt;/option&gt;
      &lt;select&gt;
      &lt;input type="text" placeholder="Search by IP" ng-model="filterTable.ip_addr"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here's some code, but because I'm using ui-router and templates for the full project I can't get the data to display in Plunker:
  <a href="http://plnkr.co/edit/kNqx1g3HidEM0ORzsSJt?p=preview" rel="nofollow">http://plnkr.co/edit/kNqx1g3HidEM0ORzsSJt?p=preview</a></p>
  
  <p>How can I make this work?</p>