Angular ui-router直接来自root问题

时间:2016-06-23 15:22:16

标签: angularjs angular-ui-router

我需要我的应用程序已经从根开始,但由于我必须使用抽象路由,所以必须在客户端调用后立即使用/ index。

根据这个推理,我只是在没有/ index?

的情况下调用客户端名称

我看不到办法:/

APP.js

//Routes
.config(function($stateProvider, $locationProvider, $urlRouterProvider){

    $urlRouterProvider.otherwise('/');
    $urlRouterProvider.when('', '/');

    $stateProvider

    .state('client',{
        url      : '/:client',
        abstract : true,

        views: {
            'sidebar@client' : {
                templateUrl : 'partials/sidebar.html',
                cache       : false
            },
            '': {
                templateUrl : 'partials/client.html',
                controller  : 'ClientController',
                cache       : false
            },
        }
    })

    .state('client.index',{
        url           : '/index',
        templateUrl   : 'partials/home.html',
        data          : {
            pageTitle : 'Cardápio Client App'
        }
    })

    .state('client.category',{
        url           : '/c/:category',
        templateUrl   : 'partials/category.html',
        controller    : 'CategoryController',
        data          : {
            pageTitle : 'Categoria Client App'
        }
    });


    $locationProvider.hashPrefix('!');
    $locationProvider.html5Mode({
        enabled     : false,
        requireBase : false
    });

})

.run(function($rootScope, $state, $stateParams, CLIENTS) {

    $rootScope.$state       = $state;
    $rootScope.$stateParams = $stateParams;

    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {

        if(!$rootScope.client) {
            CLIENTS.getList({client: toParams.client})

            .then(function(res){
                $rootScope.client = res[0];
            });
        }

    });

});

LAYOUT client.html

<md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2" md-component-id="sidebar" ui-view="sidebar"></md-sidenav>
<md-content id="main" layout="column" tabIndex="-1" role="main" ui-view md-scroll-y flex></md-content>

0 个答案:

没有答案