Как перейти на следующий route angularjs?

Question

[eXe1en7]

Есть html файл выглядит он вот так

<div class="partners-tabs" ng-controller="MainController" >
                <ul class="tabs-navigation">
                    <li class="tab-item" ng-class="{'active-tab': routeInformation.current.activetab==='all'}">
                        <a class="tab-link" href="#All">All</a>
                    </li>
                    <li class="tab-item" ng-class="{'active-tab': routeInformation.current.activetab==='hardware'}">
                        <a class="tab-link" href="#hardware">Hardware</a>
                    </li>
                   .....
                    <span class="tab-controls">
                        <a href="#slide">CLICK</a>
                    </span>
                </ul>
            </div>

все пути на кнопки элементов работают
я хочу добавить кнопку

<span class="tab-controls">
                        <a href="#slide">CLICK</a>
                    </span>

что бы кликнув на неё мы переходили на следующий путь
angular code

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

module.controller('MainController', ['$rootScope', '$scope', '$route', function($rootScope, $scope, $route) {
    $scope.routeInformation = $route;
}]);

module.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider ,$scope) {

    $routeProvider

        .when('/all', {
            templateUrl: './templates/all.html',
            activetab: 'all'
        })

        .when('/hardware', {
            templateUrl: './templates/hardware.html',
            activetab: 'hardware'
        })
......
        .otherwise({
            redirectTo: '/all'
        });

}]);

т.е мы кликаем на кнопку у нас следующая вкладка открывается, кликаем ещё раз - следующая
спасибо!

Answer 1

[Николай]

Посмотрите в сторону angular-ui-router, там такие штуки делаются легко при помощи nested states.