AngularJS 컨트롤러에서 jQuery를 올바르게 호출하는 방법

Question

AngularJS에서 jQuery-UI 탭을 사용하려고합니다.

는 here

문제가 컨트롤러에 jQuery("#tabs").tabs();를 호출하는 것은 무엇인가 "를 tabbify"데 필요한 무엇의 "반"후크 것이다 예를 참조하십시오.

아이디어가 있으십니까?

Answer 1

컨트롤러에서 DOM 조작을하면 안됩니다. 오히려 지침을 사용해야합니다.

난 내 자신의 사용을위한 지침 세트를 개발하고있다 : 사업부에서,

.directive('maketab',function() { 
     return function(scope, elm, attrs) { 
      elm.tabs({ 
       show: function(event, ui) { 
         scope.$broadcast("tabChanged",ui); 
       } 
      }); 
     }; 
    }) 

다음 : https://github.com/ganarajpr/Angular-UI-Components

철학은 단지 지시 파일에 코드의 간단한 조각을 드롭하는 것입니다 어떤 당신은 탭으로 변환하고 싶습니다 :

<div id="mytab" maketab> 

<ul> 
.... 
</ul> 

<div>...</div> 
... 
</div> 

사업부와 그 하위 구조는 무엇 JQuer 준수해야하는 것으로 y UI가 그것을 묻습니다.

보다 견고한 예제와 더 많은 구성 요소를 보려면 github repo를 확인하십시오.