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

  • Bach Vlogs

    Bach Vlogs

    18 HAZİRAN 2011
  • Bad Lip Reading

    Bad Lip Read

    22 Mart 2011
  • hockeywebcasts

    hockeywebcas

    31 EKİM 2012