AngularJS 사용자 정의 명령의 복제 명령 구현 방법

1935 단어
본고는 AngularJS 사용자 정의 명령의 복제 명령 실현 방법을 실례로 기술하였다.다음과 같이 여러분에게 참고할 수 있도록 공유합니다.



  
    
    
    
    
    
    
      var app = angular.module('myapp', []);
      app.directive('duplicate', function($rootScope){
       return {
        transclude: 'element',
        replace: true,
        priority: 2,
        link: function(scope, elem, attrs, ctrl, transclude) {
         var times = parseInt(attrs.duplicate);
         var previous = elem;
         var childScope;
         for(var i = 0; i < times; i++) {
          childScope = scope.$new();// scope scope
          childScope.number = i;
          transclude(childScope, function(clone){//transclude childScope clone ,  ( )
            // console.log(childScope.$id);
            // console.log(clone.scope().$id)
            previous.after(clone);// previous clone clone
            previous = clone;
          });
         }
          console.log(scope.childHead.number);// 5 scope scopeconsole.log(scope.childTail.number);
          console.log(scope == $rootScope)// scope $rootScope  scope:false
        },
       }
      });
    
  
  
    
    


더 많은 AngularJS 관련 내용에 관심이 있는 독자들은 본 사이트의 주제를 볼 수 있습니다:, 및 AngularJS MVC 구조 요약
본 논문이 여러분의 AngularJS 프로그래밍에 도움이 되기를 바랍니다.

좋은 웹페이지 즐겨찾기