feat(compile): Add transclude type "multi-element"

feat(ng-repeat): Make ng-repeat of transclude type multi-element

Add a new transclude type multi-element to be able to handle
transclusion that includes more elements than the one where
the directive is present
Make the changes to ngRepeat so it is of transclude type multi-element

Closes #1891

Author: lgalfaso

src/ng/compile.js

@@ -645,6 +645,14 @@ function $CompileProvider($provide) {
             compileNode = $compileNode[0];
             replaceWith($rootElement, jqLite($template[0]), compileNode);
             childTranscludeFn = compile($template, transcludeFn, terminalPriority);
+	  } else if (directiveValue == 'multi-element') {
+            childTranscludeFn = compile(jqLite(extractMultiElementTransclude(compileNode, directiveName)),
+                transcludeFn, terminalPriority);
+            $template = jqLite(compileNode);
+            $compileNode = templateAttrs.$$element =
+                jqLite(document.createComment(' ' + directiveName + ': ' + templateAttrs[directiveName] + ' '));
+            compileNode = $compileNode[0];
+            replaceWith($rootElement, $template, compileNode);
           } else {
             $template = jqLite(JQLiteClone(compileNode)).contents();
             $compileNode.html(''); // clear contents
@@ -731,6 +739,61 @@ function $CompileProvider($provide) {
 
       ////////////////////
 
+
+      function extractMultiElementTransclude(cursor, directiveName) {
+        var transcludeContent = [],
+          c, count = 0,
+          transcludeStart = directiveName + 'Start',
+          transcludeEnd = directiveName + 'End';
+
+        do {
+          if (containsAttr(cursor, transcludeStart)) count++;
+          if (containsAttr(cursor, transcludeEnd)) count--;
+          transcludeContent.push(cursor);
+          cursor = cursor.nextSibling;
+        } while(count > 0 && cursor);
+        if (count > 0) throw Error('Unmatched ' + transcludeStart + '.');
+        if (count < 0) throw Error('Unexpected ' + transcludeEnd + '.');
+        for (var j = 0; j < transcludeContent.length; ++j) {
+          c = transcludeContent[j];
+          transcludeContent[j] = JQLiteClone(transcludeContent[j]);
+          // The first element will be replaced by a comment
+          if (j != 0) jqLite(c).remove();
+        }
+        return transcludeContent;
+      }
+
+
+      function containsAttr(node, attributeName) {
+        var nodeType = node.nodeType,
+          result = false;
+
+        switch(nodeType) {
+          case 1:
+          // iterate over the attributes
+          for (var attr, name, nName, ngAttrName, nAttrs = node.attributes,
+                   j = 0, jj = nAttrs && nAttrs.length; j < jj; j++) {
+            attr = nAttrs[j];
+            if (attr.specified) {
+              name = attr.name;
+              // support ngAttr attribute binding
+              ngAttrName = directiveNormalize(name);
+              if (NG_ATTR_BINDING.test(ngAttrName)) {
+                name = ngAttrName.substr(6).toLowerCase();
+              }
+              nName = directiveNormalize(name.toLowerCase());
+              if (nName == attributeName) {
+                result = true;
+                break;
+              }
+            }
+          }
+          break;
+        }
+        return result;
+      }
+
+
       function addLinkFns(pre, post) {
         if (pre) {
           pre.require = directive.require;

src/ng/directive/ngRepeat.js

@@ -145,7 +145,7 @@
 var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) {
   var NG_REMOVED = '$$NG_REMOVED';
   return {
-    transclude: 'element',
+    transclude: 'multi-element',
     priority: 1000,
     terminal: true,
     compile: function(element, attr, linker) {
@@ -258,7 +258,7 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) {
             if (lastBlockMap.hasOwnProperty(key)) {
               block = lastBlockMap[key];
               animate.leave(block.element);
-              block.element[0][NG_REMOVED] = true;
+              forEach(block.element, function(leavingElement) { leavingElement[NG_REMOVED] = true; });
               block.scope.$destroy();
             }
           }
@@ -274,7 +274,7 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) {
               // associated scope/element
               childScope = block.scope;
 
-              nextCursor = cursor[0];
+              nextCursor = cursor[cursor.length - 1];
               do {
                 nextCursor = nextCursor.nextSibling;
               } while(nextCursor && nextCursor[NG_REMOVED]);
@@ -284,7 +284,7 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) {
                 cursor = block.element;
               } else {
                 // existing item which got moved
-                animate.move(block.element, null, cursor);
+                animate.move(block.element, null, cursor.eq(-1));
                 cursor = block.element;
               }
             } else {
@@ -301,7 +301,7 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) {
 
             if (!block.element) {
               linker(childScope, function(clone) {
-                animate.enter(clone, null, cursor);
+                animate.enter(clone, null, cursor.eq(-1));
                 cursor = clone;
                 block.scope = childScope;
                 block.element = clone;