AngularJS UI-Router“否则”状态未加载

Question

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

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

我只是将站点更改为使用这3个视图，而不是最初的单个视图。

我的应用程序中的所有路由都可以正常工作，例如“ home”视图：

  $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'
    }
  }
});

我的问题是应用程序中的“其他”状态无法正确加载“原位”状态。 该页面为空白，没有控制台错误。 这是我的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');
  }
 });
});

我在这里想念什么？

Answer 1

我不确定您的野生字符是否有效。

理想情况下，我将以下内容用于默认路由：

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