UI路由器 - 设置外部登录页面

我想修改blur-admin项目，添加一个带有自己的控制器的登录页面。UI路由器 - 设置外部登录页面

所以我在页面文件夹内创建了一个名为demoadmin.login的控制器文件夹。登录工作正常，但现在，我想在仪表板之外显示它，我的意思是作为独立页面。

目前它显示以下内容：

但我想外界展示它：

这是我app.js文件：

'use strict'; 

angular.module('bluradmin', [ 
    'ngAnimate', 
    'ui.bootstrap', 
    'ui.sortable', 
    'ui.router', 
    'ngTouch', 
    'toastr', 
    'ui.slimscroll', 
    'angular-progress-button-styles', 
    'ngStorage', 
    //'smart-table', 
    //"xeditable", 
    //'ngJsTree', 

    'bluradmin.theme', 
    'bluradmin.pages', 
    'bluradmin.login' 
]).run(function ($localStorage) { 
    console.log($localStorage); 
});

一个第二我pages.module.js修改：

(function() { 
    'use strict'; 

    angular.module('bluradmin.pages', [ 
     'ui.router', 
     'bluradmin.pages.dashboard' 
    ]) 
     .config(routeConfig); 

    /** @ngInject */ 
    function routeConfig($urlRouterProvider, baSidebarServiceProvider) { 
     $urlRouterProvider.otherwise('/login'); 
    } 

})();

我如何可以设置ui-router获得这种行为？

来源

2016-12-16 FacundoGFlores

在您的index.html：

<div ui-view> 
</div>

在你app.html

<div class="row main" ui-view> 
</div>

然后你的配置：

.config(function ($stateProvider, $urlRouterProvider) { 


    $stateProvider 

     .state('login', { 
     url: '/login', 
     templateUrl: 'templates/login.html', 
    }) 

    .state('app', { 
      url: '/app', 
      templateUrl: 'templates/app.html' 
     }) 

    .state('someOtherState', { 
     parent: 'app', 
     url: '/someUrl', 
     templateUrl: 'templates/someTemplate.html' 
    }) 

    $urlRouterProvider.otherwise('/login');

来源

2016-12-16 19:03:50 Korte

为应用程序定义抽象视图/状态，并使用登录名定义另一个分隔视图。事情是这样的：

$stateProvider 
    .state('app', { 
     url: '/', 
     abstract: true, 
     templateUrl: 'menu.html' 
    }) 

    .state('app.home', { 
     url: 'home',   
     views: { 
      'page-view': { 
       templateUrl: 'home.html', 
      } 
     } 
    }) 

    .state('login', { 
     url: '/login', 
     templateUrl: 'login.html', 
     } 
    })

的menu.html里面哟应该有这样的事情：

<div ui-view="page-view"></div>

来源

2016-12-16 18:59:01

UI路由器 - 设置外部登录页面

回答

相关问题