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

  • AndroidSale

    AndroidSale

    17 NİSAN 2011
  • Christian Atlas

    Christian At

    26 Mart 2009
  • Viktorija A.

    Viktorija A.

    28 Mart 2009