feat(autocomplete): Make $index available to custom templates

Make the suggestion index available to custom templates via the local variable $index.
mbenford · Mar 20, 2015 · 8611877 · 8611877
1 parent 7976122
commit 8611877
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/auto-complete-match.js b/src/auto-complete-match.js
@@ -12,13 +12,14 @@ tagsInput.directive('tiAutocompleteMatch', function($sce, tiUtil) {
     return {
         restrict: 'E',
         require: '^autoComplete',
-        template: '<ng-include src="template"></ng-include>',
+        template: '<ng-include src="$$template"></ng-include>',
         scope: { data: '=' },
         link: function(scope, element, attrs, autoCompleteCtrl) {
             var autoComplete = autoCompleteCtrl.registerAutocompleteMatch(),
                 options = autoComplete.getOptions();
 
-            scope.template = options.template;
+            scope.$$template = options.template;
+            scope.$index = scope.$parent.$index;
 
             scope.$highlight = function(text) {
                 if (options.highlightMatchedText) {

diff --git a/test/auto-complete.spec.js b/test/auto-complete.spec.js
@@ -1282,6 +1282,19 @@ describe('autoComplete directive', function() {
             expect(getSuggestionScope(2).data).toEqual({ id: 3, text: 'Item3', image: 'item3.jpg' });
         });
 
+        it('makes suggestions\' indexes available to the template', function() {
+            // Arrange
+            compile();
+
+            // Act
+            loadSuggestions(3);
+
+            // Assert
+            expect(getSuggestionScope(0).$index).toBe(0);
+            expect(getSuggestionScope(1).$index).toBe(1);
+            expect(getSuggestionScope(2).$index).toBe(2);
+        });
+
         it('makes helper functions available to the template', function() {
             // Arrange
             compile();