SORU
6 EYLÜL 2012, PERŞEMBE


Set etkin sekme AngularJS ile stil

Yollar böyle AngularJS yer var:

$routeProvider
    .when('/dashboard', {templateUrl:'partials/dashboard', controller:widgetsController})
    .when('/lab', {templateUrl:'partials/lab', controller:widgetsController})

Çubuktaki sekmeler tarz bazı bağlantılar var. Nasıl ilave edebilirim 'aktif' bir sekme için sınıf mevcut şablona göre veya url?

CEVAP
6 EYLÜL 2012, PERŞEMBE


Bunu yapmanın bir yolu ngClass Yönerge ve yer hizmet $kullanarak olacaktır. Şablon içinde yapabilirsiniz:

ng-class="{active:isActive('/dashboard')}"

isActive kapsam bu şekilde tanımlanmış bir fonksiyonu olacaktır

myApp.controller('MyCtrl', function($scope, $location) {
    $scope.isActive = function(route) {
        return route === $location.path();
    }
});

Burada tam jsFiddle: http://jsfiddle.net/pkozlowski_opensource/KzAfG/

Her gezinti sekmesinde ng-class="{active:isActive('/dashboard')}" tekrarlanan bu mantık çok basit bir Direktif için bir aday olabilir bu kadar sıkıcı olabilir eğer çok sayıda sekme var.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • B3ASTTY™

    B3ASTTY™

    27 Mayıs 2013
  • Emotional Trancer

    Emotional Tr

    4 Mart 2010
  • PorterRobinsonVEVO

    PorterRobins

    11 Kasım 2013