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

  • DragsterMC Gaming

    DragsterMC G

    30 HAZİRAN 2013
  • LiveForGodsKingdom

    LiveForGodsK

    6 NİSAN 2008
  • Blu animations and other videos

    Blu animatio

    15 HAZİRAN 2007