AngularJS UI-Router“否则”表示未加载

时间:2017-01-23 19:37:34

标签: javascript angularjs angular-ui-router

我的index.html页面有3个视图:

<header ui-view="header"></header>
<main ui-view="content"></main>
<footer ui-view="footer"></footer>

我刚刚更改了网站以使用这3个视图而不是初始单个视图。

我的应用中的所有路线都运行正常,例如“主页”视图:

  $stateProvider.state('home', {
  url: '/home',
  data: {
    pageTitle: 'Home',
    access: 'private',
    bodyClass: 'home'
  },

  views: {
    'header': {
      templateUrl: 'modules/header/header.html'
    },
    'content': {
      controller: 'HomeController as home',
      templateUrl: 'modules/home/templates/home.html'
    },
    'footer': {
      templateUrl: 'modules/footer/footer.html'
    }
  }
});

我的问题是应用程序中的“否则”状态未正确加载“home”状态。该页面为空白,没有控制台错误。这是app.module中的状态:

angular.module('app').config(function ($stateProvider) {

$stateProvider.state('otherwise', {
  url: '*path',
  template: '',
  data: {
    pageTitle: '',
    access: 'public',
    bodyClass: ''
  },
  controller: function ($state) {
    $state.go('home');
  }
 });
});

我在这里缺少什么?

1 个答案:

答案 0 :(得分:1)

我不确定你的野性炭是否有效。

理想情况下,我使用以下内容进行默认路由:

 $urlRouterProvider.otherwise('/app/home');