jQuery, AngularJS denetleyicisinden düzgün bir şekilde nasıl çağrılır

Question

AngularJS ile jQuery-UI sekmelerini kullanmaya çalışıyorum.

here

Sorun kontrolörü içinde jQuery("#tabs").tabs(); çağıran bir şey "tabbify" için ne yapılması gerektiği hakkındaki "yarısı" kanca gibi görünüyor olmasıdır örneğe bakın.

Fikirler?

Answer 1

Denetleyicinizde DOM manipülasyonu yapmamalısınız - hiç. Daha doğrusu, direktifleri kullanmalısınız.

Ben kendi kullanımı için bir yönerge seti geliştirmekteyiz: div,

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

Ardından: https://github.com/ganarajpr/Angular-UI-Components

felsefesi sadece direktifleri dosyasında bu kod basit parçalarını bırakmaktır hangi bir sekmede dönüştürmek istiyoruz:

<div id="mytab" maketab> 

<ul> 
.... 
</ul> 

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

div ve alt yapıları neyi JQuer uygun olmalıdır Not olduğunu y UI olmasını ister.

Daha sağlam bir örnek ve daha fazla bileşen için github repo'yu inceleyin.