Dependencies

Bootstrap => http://getbootstrap.com/
ng-grid => https://github.com/angular-ui/ng-grid

Configure

1 Install component with the command "bower install angular-search-field --save"

2 Import the 'angularSearchField.js' and 'angularSearchField.css' script in your page.

3 Include the module 'angular.searchField' in your angular app.

4 Include the ng-search-field directive in a text field like the examples abouve:

Example

Configure just with attributes:

<div ng-search-field service="/service/list" label="My Label" 
    value="seachValue" label-id="Code" label-description="Description" 
    title="Tittle" field-id="id" field-description="name" class="form-group"/>

Or

Create default search-field and instantiate by name:

angular.module('myApp', [
  'ui.bootstrap',
  'ngGrid',
  'angular.searchField'
  ]).run(function($rootScope, $searchFieldDefaults) {
    
  $searchFieldDefaults.addSearch("myFinder", {
     service: '/service/list',
     label: "My Labe",
     title: 'Tittle',
     labelId: 'Code',
     labelDescription: Description',
     fieldId: 'id',
     fieldDescription: 'name'
  });

});

<div ng-search-field config="myFinder" value="seachValue" class="form-group"/>