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

  • DJPixcell

    DJPixcell

    20 NİSAN 2007
  • MagicofRahat

    MagicofRahat

    13 Temmuz 2007
  • max2sims2

    max2sims2

    19 Kasım 2008