2016-04-01 19 views
0

İyi günler! Kodumda bir açık var. Sınıf, span aracılığıyla görüntülenen görüntüyü içerir. Kullanıcı resmi tıklandığında sonra sınıfsal değiştirmelidir ve başka yayılma tıklandığında, o Zaten çalışıyor benim denetleyicisiAçıklık sınıfını değiştirmek için tıklayın angularjs

$scope.isActive = false; 
    $scope.activeButton = function() { 
    $scope.isActive = !$scope.isActive; 
    } 

ama benim problem üzerinde özgün sınıfa

<span alt="Mode1" ng-class="{'mode': isActive}" ng-click="activeButton()" ></span></span> 

geri gelmeli yükte hiçbir şey görüntülenmiyor ve sadece onu tıkladığımda görünür. Angularjs kullanıyorum

+0

Neyi kastediyorsunuz * hiçbir şey gösterilmiyor * Sadece bir tane açıklık var ve eğer yok ise nereye tıklıyorsunuz? Sorununuzu ayrıntılı bir şekilde açıklayın ve ilgili kodu postaya gönderin. –

+0

Yükte göstermeniz gereken sınıf nerede? 'Ng-click'de' mode' sınıfı gösterilirse? –

+0

@JenishRabadiya span, renkli görüntü karşılığı tıklatıldığında resimlerin görüntülendiğini, ancak yukarıdaki kodun yalnızca tıkladıktan sonra hiçbir şey göstermediğini gösterir, renkli muadili – bleykFaust

cevap

0

ng-click üzerinde bir geçişiniz varsa, ng-class'u bununla değiştirin.

ng-class="{'mode': isActive, 'classThatIsSupposedToBeShownOnInActive': !isActive}" 

Sonra yüküne istediğiniz sınıfı görüntülemek ve

ng-click Umarım yardımcı olur üzerinde mode sınıfını göstermelidir.

+0

Teşekkür Çalıştı! ama farklı bir açıklığı tıkladığım zaman ne dersin? sınıf, orijinal durumuna geri dönmelidir – bleykFaust

+0

Sadece $ scope.isActive 'boolean'ını başka bir span tıklamasıyla false olarak değiştirmek zorundasınız. :) –

+0

bana gösterebilir misin, lütfen @JunaidSalaat? – bleykFaust

İlgili konular