SORU
25 EYLÜL 2012, Salı


Nasıl geçerli bir menü öğesini vurgulamak için?

AngularJS geçerli sayfa için bağlantı active bir sınıf ayarı ile herhangi bir şekilde yardımcı olur mu?

Bu işin sihirli bir yolu yok sanırım, ama bulmak için görünmüyor olabilir.

Benim menü benzer:

 <ul>
   <li><a class="active" href="/tasks">Tasks</a>
   <li><a href="/actions">Tasks</a>
 </ul>

ve benim yollar bunları her denetleyicileri var: TasksController ActionsController.

Ama "aktif" denetleyicileri için a bağlantılar sınıf. bağlamak için bir yol bulabilirim.

Herhangi bir ipucu?

CEVAP
25 EYLÜL 2012, Salı


görünüm

<a ng-class="getClass('/tasks')" href="/tasks">Tasks</a>

kumanda üzerinde

$scope.getClass = function (path) {
  if ($location.path().substr(0, path.length) === path) {
    return 'active';
  } else {
    return '';
  }
}

Bu görevler link ile başlayan herhangi bir url aktif sınıf olacak '/görevler ('/görevler/1/raporlar') . ör'

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ama Jenna

    Ama Jenna

    29 NİSAN 2011
  • The Computer Chronicles

    The Computer

    7 Kasım 2012
  • Subscribe!!

    Subscribe!!

    3 EKİM 2009