@eXe1en7

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

Есть 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'
        });

}]);

т.е мы кликаем на кнопку у нас следующая вкладка открывается, кликаем ещё раз - следующая
спасибо!
  • Вопрос задан
  • 158 просмотров
Пригласить эксперта
Ответы на вопрос 1
Посмотрите в сторону angular-ui-router, там такие штуки делаются легко при помощи nested states.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы