//Working Example passing parameters to abstract state

(function ( window, angular, undefined ) {

angular.module('ui-router-named-views', [

  'templates-app',

  'ui.router'

]).config([

  '$stateProvider', '$urlRouterProvider',

  function ($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise("/admin/from");

    $stateProvider.state('admin', {

                    abstract: true,

                    url: '/admin',

                    templateUrl: 'app/template/adminabstract.html',

                    controller: 'AdminAbstractController',

                    params: {

                        p1: null,

                        p2: null

                    }

                }).state('admin.from', {

                    url: '/from',

                    templateUrl: 'app/template/adminfrom.html',

                    controller: 'AdminFromController'

                }).state('admin.to', {

                    url: '/to',

                    templateUrl: 'app/template/adminto.html',

                    controller: 'AdminToController'

                });

  }

]).controller('AdminAbstractController', function($scope, $stateParams){

  $scope.p1 = $stateParams.p1;

  $scope.p2 = $stateParams.p2;

}).controller('AdminToController', function($scope){

}).controller('AdminFromController', function($scope,$state){

  $scope.gotoTo = function() {

    $state.go('admin.to', {p1: {one:'p1-123',two:'p1-456'},p2:'p2-123'});

  };

}).run(function($state){

    //console.log('IRan');

  //$state.go('admin.from');

});

​

angular.module('templates-app', ['app/template/adminabstract.html','app/template/adminfrom.html','app/template/adminto.html']);

​

angular.module('app/template/adminabstract.html', []).run(['$templateCache', function($templateCache) {

  $templateCache.put('app/template/adminabstract.html',

    '<div ui-view></div>');

}]);

   angular.module('app/template/adminfrom.html', []).run(['$templateCache', function($templateCache) {

  $templateCache.put('app/template/adminfrom.html',

    '<h2>From Parameters</h2><br>' + 

    //"<a ui-sref=\"admin.to\">goto to</a><br>" +

    '<button ng-click=\"gotoTo()\">Goto To</button>');

}]);

  angular.module('app/template/adminto.html', []).run(["$templateCache", function($templateCache) {

  $templateCache.put('app/template/adminto.html',

    '<h2>To Parameters</h2><br>' +

    '<div><pre>p1 = {{p1 | json}}</pre></div>' +

      '<div><pre>p2 = {{p2 | json}}</pre></div>'              );

}]);

​

​

})( window, window.angular );