SORU
4 HAZİRAN 2013, Salı


Değişiklik Direktifi seçili sınıf

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

CEVAP
29 EKİM 2013, Salı


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • kylediablo

    kylediablo

    8 Ocak 2007
  • Video-Tutorials.Net

    Video-Tutori

    15 Mart 2011
  • Visual Life

    Visual Life

    3 Temmuz 2006