Active Search

This example actively searches a contacts database as the user enters text.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

Explanation

  • The search input is set to post to /search via a ic-post-to attributes. It does this on keyup by setting the ic-trigger-on attribute to keyup, but only issues the request when the input value changes by using the changed modifier in the trigger. In order to avoid overwhelming the server with requests, a trigger delay of 500 milliseconds is added with the ic-trigger-delay attributes. The input targets the body of the table by using the ic-target attribute, and the server side produces rows of matching contacts. As usual, an indicator is called out with the ic-indicator attribute.

Demo

Search Contacts

First Name Last Name Email