angular-search-text

Angular Search Text Box for Materialize

DEMO

Install

bower install angular-search-text

CSS

<link rel="stylesheet" href="angular-search-text.css" />

Script

<script type="javascript" src="angular-search-text.js"></script>

Angular module

angular.module("yourApp", ["ngSearchText"])

HTML Tag

<search-text ng-model="model" 
      ng-request="request(deferred, text)" 
      ng-disabled="false" 
      placeholder="search text..." >
</search-text>

Example of ng-request function (local)

$scope.doSearch = function(deferred, text) {
    var result = [];
    if (text!=='')
        var lowerCaseText = text.toLowerCase();
        angular.forEach(searchList, function(s){
            if (s.toLowerCase().startsWith(lowerCaseText))
                result.push(s);
        });
                    
    deferred.resolve({data: result});
  };

Example of ng-request function (remote)

$scope.doSearch = function(deferred, text) {
    $http.get("webapi")
      .then(function(response){
            deferred.resolve({data: response.data});
          },
          function(response){
            deferred.reject(response);
          });
  };