재귀 지시문이 작동하지 않습니다.

Question

사용자 지정 재귀 지시문을 만들려고합니다. 하지만 을 작동하지 않습니다 나는 방법은 여기 여기 Recursion in Angular directives

정의 된 바이올린

http://jsfiddle.net/x6kvwzuk/

만 루트 메뉴 항목이 존재에게 있습니다 따랐다. 아이들은 출석하지 않습니다.

메뉴의 JSON 형식은 피들에 표시된 것과 같습니다.

{ 
    menus : [ 
     { 
     displayName : 'somename' 
     submenus : [ 
      // array of menu objects 
     ] 
     }, 
     { 
     displayName : 'somename2' 
     submenus : [ 
      // array of menu objects 
     ] 
     } 
    ] 
} 

해결 방법?

Answer 1

당신은 가깝지만 실제로 컴파일 된 내용을 요소에 추가하는 비트를 복사해야했습니다.

compiledContents(scope, function(clone){ 
    iElement.append(clone); 
}); 

여담으로

http://jsfiddle.net/x6kvwzuk/1/

, 코드를 유지 (및 격리에서 테스트) 당신의 참조 방법에 설명 된대로 서비스에 모든 재귀 논리를 이동 한 경우하는 것이 더 쉬울 수 있습니다. 다음과 같이 입력하십시오 : http://jsfiddle.net/u998oxxz/1/