feat(typeahead): expose index to custom templates

Closes #699

Author: pkozlowski-opensource

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');
     }));
   });
 

src/typeahead/typeahead.js

@@ -284,6 +284,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position'])
     return {
       restrict:'E',
       scope:{
+        index:'=',
         match:'=',
         query:'='
       },

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>