UI-ROUTER LOGGIN页面没有菜单

Question

我是Angular 1.6的乞eg，我想做下一个：

loggin，注册＆amp;记住没有菜单的密码。

loggin：菜单，导航栏和页脚出现。

到目前为止，我有下一个：

index.html

<ui-view></ui-view>

loggin：工作正常。

 authenticationService.Login(vm.email, vm.password, function (result) {
            if (result === true) {
                $location.path('/main');
            } else {
                vm.error = 'Username or password is incorrect.';
                vm.loading = false;
            }
        });
    };

如果我记录了我去Main，这里出现了我的问题。

<!-- Wrapper-->
<div id="wrapper">
<!-- Navigation -->
<div ng-include="'../views/partials/main-navigation.html'"></div>
<!-- Page wraper -->
<div id="page-wrapper">
  <!-- Topnavbar -->
  <div ng-include="'../views/partials/main-topnavbar.html'"></div>
  hola mundo
  <!-- Main view  -->
 <div ui-view>aqui tengo que meter todas las vistas</div>
  <!-- Footer -->
  <div ng-include="'../views/partials/main-footer.html'"></div>
</div>
<!-- End page wrapper-->

现在，我想将其余的网页放在Main

中

<div ui-view>All pages here</div>

我该怎么做？

我已经阅读了几页https://ui-router.github.io/等等，但对我来说还不清楚。

我认为我必须在app.js中做一些，但我现在没有什么...

(function () {
'use strict';
angular.module('frontEndApp', [
    'ui.router',
    'ngMessages',
    'ngStorage',
    'ngAnimate',
    'ngAria',
    'ngCookies',
    'ngMessages',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ngStorage',
    'ngResource',
    'pascalprecht.translate']).config(config).run(run);
function config ($stateProvider, $translateProvider, $urlRouterProvider) { // default route
    $urlRouterProvider.otherwise('/login');// app routes
    var states = [
        { name: 'main', url: '/main', templateUrl: 'views/main/main.html' },
        { name: 'login', url: '/login', templateUrl: 'views/login/login.html', controller: 'loginController', controllerAs: 'vm' },
        { name: 'department', url: '/department', templateUrl: 'views/department/department.html', controller: 'departmentController', controllerAs: 'vm' }
    ];
    // Loop over the state definitions and register them
    states.forEach(function (state) {
        $stateProvider.state(state);
    });
    /**
     * Translation of the web page with angular-Translate
     */
    $translateProvider.useStaticFilesLoader({
        files: [{
            prefix: '../config/languages/locale-',
            suffix: '.json'
        }]
    });
    $translateProvider.preferredLanguage('en');
    $translateProvider.useSanitizeValueStrategy('escapeParameters');
}
function run ($rootScope, $http, $location, $localStorage) { // keep user logged in after page refresh
    if ($localStorage.currentUser) {
        $http.defaults.headers.common.Authorization = 'Bearer ' + $localStorage.currentUser.token;
    }
    // redirect to login page if not logged in and trying to access a restricted page
    $rootScope.$on('$locationChangeStart', function (event, next, current) {
        var publicPages = ['/login'];
        var restrictedPage = publicPages.indexOf($location.path()) === -1;
        if (restrictedPage && !$localStorage.currentUser) {
            $location.path('/login');
        }
    });
}
})();

事先感谢您的帮助。

Answer 1

简单：

   { name: 'main', url: '/main', templateUrl: 'views/main/main.html' },
    { name: 'login', url: '/login', templateUrl: 'views/login/login.html', 
    controller: 'loginController', controllerAs: 'vm' },
    { name: 'main.department', url: '/department', templateUrl: 
    'views/department/department.html', controller: 'departmentController', 
    controllerAs: 'vm' }

如果部门属于Main，则称其为：'Main.Department'