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

  • Damien Walters

    Damien Walte

    20 AĞUSTOS 2006
  • Derek Banas

    Derek Banas

    12 AĞUSTOS 2008
  • Marissah Simonini

    Marissah Sim

    25 HAZİRAN 2013