Skip to content

Instantly share code, notes, and snippets.

@Netcelal

Netcelal/page-nav-ng.html

Created October 12, 2012 20:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Netcelal/3881341 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Netcelal/3881341 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Netcelal created this gist Oct 12, 2012.
    16 changes: 16 additions & 0 deletions page-nav-ng.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    <div class="well sidebar-nav" ng-app="navList">
    <ul class="nav nav-list" ng-controller="navCtrl">
    <li ng-class="navClass('home')"><a href='#/home'>Home</a></li>
    <li ng-class="navClass('about')"><a href='#/about'>About Us</a></li>
    <li ng-class="navClass('contact')"><a href='#/contact'>Contact Us</a></li>
    </ul>
    </div>

    var navList = angular.module('navList', []);

    navList.controller('navCtrl', ['$scope', '$location', function ($scope, $location) {
    $scope.navClass = function (page) {
    var currentRoute = $location.path().substring(1) || 'home';
    return page === currentRoute ? 'active' : '';
    };
    }]);