optional required

Search Directives
Create & Control Semantic UI Search with Angular Directives

sm-search
Creates a search.

Attributes
Callback Attributes
Example
<sm-search model="model0" remote="{{ remoteSearch }}" placeholder="Common passwords..."></sm-search>

sm-search-bind
A lightweight attribute directive which calls search() on the element with the settings object passed to the attribute. Using this directive means you need to manage the communication between Angular and Semantic UI yourself.

<div class="ui search" sm-search-bind="{apiSettings:{url:remoteSearch}}">
  <input class="prompt" type="text" placeholder="Common passwords...">
  <div class="results"></div>
</div>

Behavior Directives

These attribute directives invoke a behavior on the component where the attribute value can be one of the following formats:

String
Object
Example
<sm-button class="teal" sm-search-behavior="'selector'">Execute Simple Behavior</sm-button>
<sm-button class="teal" sm-search-behavior="{$: 'selector', value: scopeValue1, enabled: scopeValue2, evt: 'mouseover'}">Execute Advanced Behavior</sm-button>

sm-search-query
When a DOM event fires on the element with the directive, it can command search(es) to search for value currently set in search input.

sm-search-cancel-query
When a DOM event fires on the element with the directive, it can command search(es) to cancel current remote search query.

sm-search-search-local
When a DOM event fires on the element with the directive, it can command search(es) to search local object for specified query and display results.

sm-search-search-remote
When a DOM event fires on the element with the directive, it can command search(es) to search remote endpoint for specified query and display results.

sm-search-set
When a DOM event fires on the element with the directive, it can command search(es) to set search input to value.

sm-search-show-results
When a DOM event fires on the element with the directive, it can command search(es) to show results container.

sm-search-hide-results
When a DOM event fires on the element with the directive, it can command search(es) to hide results container.

sm-search-destroy
When a DOM event fires on the element with the directive, it can command search(es) to remove all events.