title: Angular Bootstrap Typeahead - check multiple words in one input field
body: <p><strong>Short Overview about the environment</strong></p>
  <p>I am writing an app on the CEAN Stack which should does the following:</p>
  <ul>
  <li><p>The couchbase contains a big amount of large JSON documents</p>
  </li>
  <li><p>I fetch a bunch of JSON Keys from documents in the Couchbase</p>
  </li>
  <li><p>The user has a input field where he can enter filter criteria to find specific documents (e.g. &quot;key1 = 10 &amp; key2 &gt; 20&quot;)</p>
  </li>
  </ul>
  <p><strong>Current Approach</strong></p>
  <p>Currently I use the Angular Bootstrap Typeahead Plugin.
  So when the user enters a letter the app should search in the fetched JSON keys to find keys which start with the entered search string. (e.g. user types &quot;ke&quot; and the app serves a list with (&quot;key1&quot;, &quot;key2&quot;, ...).</p>
  <p>This is the common use-case for this plugin.</p>
  <p><strong>My Problem</strong></p>
  <p>I want the input box to behave like a text autocompletion. So when the user starts typing, the app guesses the key. (Let's say he types &quot;ke&quot; and selects key1). Now the user keeps on writing and the app should check for new words. (e.g. the content of the input is now &quot;key1 = 10 &amp; ke&quot; and the app should now suggest the matching keys again( e.g. &quot;key2&quot;). Is this possible with this plugin or do you suggest an other solution for this problem?</p>
  <p>Thanks in Advance!</p>
  <pre><code>example:
  </code></pre>
  <p><a href="http://plnkr.co/edit/lgFpCmciLlDfsj7OXPts?p=preview" rel="nofollow noreferrer">Plnkr</a></p>
  <p>Plunker with current approach (I took the states because I can not provide the real keys but for the sake of clearifing the problem it should be enough)
  So when I write &quot;Alabama Te&quot; it should suggest[&quot;Texas&quot;, Tennesse&quot;] again.</p>