第一点，clone方法只是克隆节点，绑定的事件是不会被克隆的。
第二点，动态添加节点到文档，angular 指令是不会生效的，需要动态编译。

angular.module('app',[])
// 注入 $compile 服务，用来动态编译
.directive('lxcReapeat',function($compile){
    return {
        restrict:'A',
        priority: 1000,
        link:function($scope,$elm,$attr){
            var repeatNum = $attr.lxcReapeat;
            for (var i=repeatNum-2;i>= 0;i--){
                 var dom = $elm.clone();
                 // 删除 lxc-reapeat 属性，否则动态编译会造成死循环。理解这点很重要
                 dom.removeAttr('lxc-reapeat');
                 // 动态编译并连接到scope
                 var ele = $compile(dom)($scope);
                 $elm.after(ele);
            }
        }
    }
})

效果图：

与ng-repeat

上面这种实现，功能上没有问题，但是阵型并不是很统一。于是，稍作修改

nbsp;html>


    
    
     


    

        
{{i}}
        
        
123123
    
    

最终对比