Create & Control Semantic UI Search with Angular Directives
optional
required
Search Directives
sm-search
Creates a search.
Attributes
model=an object variable representing the search result chosen.text=an string variable representing the text currently in the search.placeholder@a string to be the placeholder when the search is empty.category@a string to be set totruewhen the search results are categorized.local=an array variable of objects to search through.remote@a URL to query for search results. A{query}token can be used in the URL which is replaced with the text currently in the search input.settings=a reference to a settings object to pass to the initialization function.
Callback Attributes
on-init=Callback once the module is initialized, passing the initialized element as the first argument.on-select=Callback on element selection by user. The first parameter includes the filtered response results for that element. The function should return false to prevent default action (closing search results and selecting value).on-results-add=Callback after processing element template to add html to results. Function should return false to prevent default actions.on-search-query=Callback on search query.on-results=Callback on server response.on-results-open=Callback when results are opened.on-results-close=Callback when results are closed.
Example
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.
Behavior Directives
These attribute directives invoke a behavior on the component where the attribute value can be one of the following formats:
String
- Selector to the dropdown(s) to invoke the behavior when the element with the directive is clicked.
Object
$@A selector string.evt@The event string which triggers the behavior ('click' by default).enabled=A boolean value which determines whether or not the behavior should be called when the event occurs.value=The first argument to pass to the behavior if it requires one.