friesencr / angular-livesearch

An angular directive for auto-completing

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

angular-live-search

##Usage

Markup

<div ng-controller='MyController'>
<live-search id="search1" type="text"
  live-search-callback="mySearchCallback"
  live-search-item-template="{{result.city}}<strong>{{result.state}}</strong><b>{{result.country}}</b>"
  live-search-select="fullName"
  ng-model="search1" ></live-search>
</div>

Controller

//define app module with dependency
var app = angular.module("MyApp", ["LiveSearch"]);
app.controller("MyController", function($scope, $http, $q, $window) {
   $scope.search1 = "";
   //your search callback
   $scope.mySearchCallback = function () {
      var defer = $q.defer();
      defer.resolve([
        { city: "nailuva", state: "ce", country: "fiji"},
        { city: "suva", state: "ce", country: "fiji"}
      ]);
      return defer.promise;
   };
});

Example

Demo on Plunker

Working...

About

An angular directive for auto-completing


Languages

Language:JavaScript 92.4%Language:CSS 4.7%Language:Shell 2.4%Language:Ruby 0.4%