2016-03-30 21 views
-1

birden çok durum seçilir Benim web uygulaması için angularjs kullanıyorum ve bu ben bir navbar var. Şimdi navbar'da farklı seçeneklerim var ve geçerli option/state'u vurgulamak için ui-sref-active="active" kullanıyorum.angularjs - yerine bir

Dört seçeneğim var - Home, Admin(with drop-down), features ve settings(with drop-down). Şimdi, eğer ev durumum aktifse ve admin seçeneğine tıklarsam, aynı anda her iki durumu da aktif olarak gösterir (yani, her ikisi de home ve admin seçeneklerinin aynı anda tek tek yerine getirilmesi). Önceden hataları ve teşekkür için üzgünüm

...

+0

Lütfen ilgili kod snippet'lerini sağlayın. – Tacocat

cevap

0

Sen purpuse hizmet için ng sınıf kullanabilirsiniz. Amacınız için aşağıdaki mantığı uygulayabilirsiniz.

<ul> 
<li ng-class=setClass("home")>Home</li> 
<li ng-class=setClass("Admin")>Admin</li> 
<li ng-class=setClass("features")>features</li> 
<li ng-class=setClass("settings")>settings</li> 
</ul> 

Ve denetleyicisi

setClass oluşturmak() fonksiyonu:

$scope.setclass=function(currentState){ 

    if(currentState==$state.$current.name){ 

    return 'active'; 
    } 

    else{ 

     return ''; 
} 

    }; 

Bu fine.I çalışmalıdır aynı şeyi bu mantık kullandık.