From 5ffae83d664af738c17b3f89e64e048a9d119590 Mon Sep 17 00:00:00 2001
From: Pawel Kozlowski <pkozlowski.opensource@gmail.com>
Date: Fri, 26 Jul 2013 19:35:39 +0200
Subject: [PATCH] feat(typeahead): expose index to custom templates

Closes #699
---
 src/typeahead/test/typeahead.spec.js    | 4 ++--
 src/typeahead/typeahead.js              | 1 +
 template/typeahead/typeahead-popup.html | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js
index b586e3e83c..f942ed909e 100644
--- a/src/typeahead/test/typeahead.spec.js
+++ b/src/typeahead/test/typeahead.spec.js
@@ -232,14 +232,14 @@ describe('typeahead tests', function () {
 
     it('should support custom templates for matched items', inject(function ($templateCache) {
 
-      $templateCache.put('custom.html', '<p>{{ match.label }}</p>');
+      $templateCache.put('custom.html', '<p>{{ index }} {{ match.label }}</p>');
 
       var element = prepareInputEl("<div><input ng-model='result' typeahead-template-url='custom.html' typeahead='state as state.name for state in states | filter:$viewValue'></div>");
       var inputEl = findInput(element);
 
       changeInputValueTo(element, 'Al');
 
-      expect(findMatches(element).eq(0).find('p').text()).toEqual('Alaska');
+      expect(findMatches(element).eq(0).find('p').text()).toEqual('0 Alaska');
     }));
   });
 
diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js
index 2e864f01e0..4274b0a00c 100644
--- a/src/typeahead/typeahead.js
+++ b/src/typeahead/typeahead.js
@@ -284,6 +284,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position'])
     return {
       restrict:'E',
       scope:{
+        index:'=',
         match:'=',
         query:'='
       },
diff --git a/template/typeahead/typeahead-popup.html b/template/typeahead/typeahead-popup.html
index f0efda19fa..69707cefe5 100644
--- a/template/typeahead/typeahead-popup.html
+++ b/template/typeahead/typeahead-popup.html
@@ -1,5 +1,5 @@
 <ul class="typeahead dropdown-menu" ng-style="{display: isOpen()&&'block' || 'none', top: position.top+'px', left: position.left+'px'}">
     <li ng-repeat="match in matches" ng-class="{active: isActive($index) }" ng-mouseenter="selectActive($index)" ng-click="selectMatch($index)">
-        <typeahead-match match="match" query="query" template-url="templateUrl"></typeahead-match>
+        <typeahead-match index="$index" match="match" query="query" template-url="templateUrl"></typeahead-match>
     </li>
 </ul>
\ No newline at end of file