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
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
Nasıl git bir şube üzerinde değişiklik...
Nasıl yeni C için Visual Studio şablon...
Ne zaman açıkça bir üst sınıf kurucusu...
Program aracılığıyla birincil değişikl...
Nasıl doğru UİControl alt sınıf için?...