ui-router实现返回上一页功能

最新推荐文章于 2020-12-22 12:53:20 发布

weixin_30502965

最新推荐文章于 2020-12-22 12:53:20 发布

阅读量140

点赞数

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/ImaY/p/7127013.html

版权

angular.module('ConsoleUIApp', ['ui.router','ui.bootstrap'])
        .config(function ($stateProvider, $urlRouterProvider, $httpProvider) {

            // For any unmatched url, redirect to /state1
            $urlRouterProvider.otherwise("/home");

            $stateProvider
                .state('home', {
                    url: "/home",
                    templateUrl: "views/home.html",
                    controller: 'HomeCtrl'
                })
        })
        .run(function($rootScope, $state, $stateParams) {
           // previous state handling
　　　　　　$rootScope.previousState = {};
　　　　　　$rootScope.$on('$stateChangeSuccess',  function(event, toState, toParams, fromState, fromParams) {
    　　　　// store previous state in $rootScope
  　　　　　$rootScope.previousState.name = fromState.name;
    　　   $rootScope.previousState.params = fromParams;
　　　　　　});
        });

back-button directive :

yourModule.directive('backButton', [
    '$rootScope',
    '$state',
    '$parse',
function($rootScope, $state, $parse) {
    return {
        restrict: 'EA',
        link: function(scope, el, attrs) {
            var defaultState
              , defaultStateParams;

            el.click(function() {
                var stateName
                  , stateParams;

                if ($rootScope.previousState.name) {
                    stateName = $rootScope.previousState.name;
                    stateParams = $rootScope.previousState.params;
                }
                else {
                    stateName = defaultState;
                    stateParams = defaultStateParams;
                }

                if (stateName)
                    $state.go(stateName, stateParams);
            });

            attrs.$observe('defaultState', function() {
                defaultState = attrs.defaultState;
            });
            attrs.$observe('defaultStateParams', function() {
                defaultStateParams = $parse(attrs.defaultStateParams)(scope);
            });

            $rootScope.$watch('previousState', function(val) {
                el.attr('disabled', !val.name && !defaultState);
            });
        }
    };
}]);