title: Searching in two fields using Bootstrap Typeahead in AngularJS
body: <p>I have two fields in my JSON: <code>first_name</code> and <code>last_name</code>.</p>
  
  <p>I want to use Bootstrap typeahead.js, using Angular-UI.</p>
  
  <pre><code>&lt;script type="text/ng-template" id="customTemplate.html"&gt;
    &lt;a&gt;
      &lt;span bind-html-unsafe="match.label | typeaheadHighlight:query"&gt;&lt;/span&gt;
    &lt;/a&gt;
  &lt;/script&gt;
    &lt;input type="text" ng-model="result" typeahead="patient as patient.first_name for patient in ngGridUsersData.patients | filter:{first_name:$viewValue}" typeahead-template-url="customTemplate.html"&gt;
  </code></pre>
  
  <p>What would I add in the <code>typeahead</code> field to search also in last_name?
  What would I add in the template to display both the first and last name upon selection?</p>
  
  <p>If the angular-ui directive doesnt have this functionality, then I guess I'll just concatenate the first and last name into one string.</p>
  
  <p><strong>UPDATE:</strong> 9/15/14
   Any idea how to display the first and last name in the search results?</p>