Sorun iç içe geçmiş bir Direktif üzerinde değiştirmek için bir sınıf almak için nasıl çalışma dışarı yaşıyorum.

Bu ng-repeat dış

<div data-courseoverview data-ng-repeat="course in courses | orderBy:sortOrder | filter:search"
         data-ng-controller ="CourseItemController"
         data-ng-class="{ selected: isSelected }">

Aşağıda başka bir yönerge kullanarak iç ng-tekrar ediyorum

                    <li data-ng-repeat="item in social" class="social-{{item.name}}" ng-mouseover="hoverItem(true);"
                ng-mouseout="hoverItem(false);"
                index="{{$index}}"><i class="{{item.icon}}"
                box="course-{{$index}}"></i></li>

Burada Yönerge im vurgulu olay için arıyor

    ecourseApp.directive("courseoverview", function() { 
  return {    
    restrict : 'A',    
    replace: true, 
    /*scope: {
        index: '@'
    },*/        
    transclude: true,      
    templateUrl: "views/course-overview.html",
    link: function link(scope, element, attrs) {
        scope.switched = false;
        //hover handler
        scope.hoverItem = function(hovered){
            if (hovered) {
                element.addClass('hover');
                $('#course-0 figure').addClass('tint')
            }
            else
                element.removeClass('hover');
        };
    }  
}});

Bu $('#course-0 figure').addClass('tint') çağrı maddenin değişmesi gerekiyor.

Teşekkürler

Genel olarak tamamen katılıyorum ile Jason'ın kullanım css seçici, ama bazı durumlarda olabilir değiştirmek istemiyor css, örneğin kullanırken bir 3. parti css-şablon ve tercih Ekle/Kaldır bir sınıf öğesi.

Aşağıdaki örnek ekleme/basit bir şekilde bir sınıf ng-mouseenter/paste: kaldırma üzerinde gösterir

<div ng-app>
  <div 
    class="italic" 
    ng-class="{red: hover}" 
    ng-mouseenter="hover = true"
    ng-mouseleave="hover = false">
      Test 1 2 3.
  </div>
</div>

bazı stil: ile

.red {
  background-color: red;
}

.italic {
  font-style: italic;
  color: black;
}

Çalışan örnek buraya bakın: jsfiddle sample

Gezinip üzerinde şekillendirme görünüm bir husustur. Çözüm yukarıda bir "geçerli kapsamda, denetleyici Bu konuda endişeli olması gerekmez özellik." vurgulu ayarlar, ancak