html - 在 Angularjs 和 express 中路由

Question

我创建了一个 plunker here使用我的代码，其中包括这些路线。

'use strict';

 var app = angular.module('app', ['ngResource', 'ui.router','ngAnimate', 'ui.bootstrap'])
    .controller('Ctrl',function($scope,$log){
     // controller code....
 })
 .config(['$urlRouterProvider','$stateProvider',function($urlRouterProvider,$stateProvider) {

$urlRouterProvider.otherwise('/login');

$stateProvider
  .state('home', {
    url:'/home',
    templateUrl: '/views/home_page.html',
    resolve: {
      loggedin: checkLoggedin
    }
  })
  .state('admin', {
    url:'/admin',
    templateUrl: 'views/admin.html',
    resolve: {
      loggedin: checkLoggedin
    }
  })
  .state('login', {
    url:'/login',
    templateUrl: 'views/login.html',
  });

}]) // end of config()

我在路由方面遇到了问题。我创建了 login.html 文件，我成功登录了，登录后它重定向到 home_page.html ，在这个页面我创建了 nav bar 和一些东西。但是如果我从主页点击链接 admin ，它只显示管理页面内容，它不显示管理页面中的 nav bar 。在index.html 页面中，我使用了ui-view，但它仍然没有在其他页面中显示主页的导航栏。如果我转到 home_page.html 以外的其他页面，它不会显示导航栏。

如果我在 index.html 中编写 nav bar 代码，那么在登录屏幕上它也会显示 nav bar。在登录屏幕上，它不应显示导航栏。请帮我解决这个问题。

Answer 1

如果你想在登录后的每个页面上都有导航栏，你必须使用嵌套 View 。意思是，你定义一个“主” View ，你有你的导航栏并在那里定义一个容器，内容(管理，主页)必须进入。

当我查看上面的源代码时，您没有定义任何嵌套 View 。可以找到如何执行此操作的良好描述和示例 here .

因为这里的解释太长了，我提供了链接。