Angular JS ui-router没有加载视图

时间:2016-07-27 00:36:16

标签: javascript angularjs angular-ui-router

我的Angular JS ui-router出现问题,我在这里找到的每个问题都显示了我已经尝试过的解决方案。

在我的ui-view-tag中,我的实际模板不会显示。

<body ng-app="myApp">
<div class="row">
  <div class="col-md-6 col-md-offset-2">
    <ui-view></ui-view>
  </div>
</div>
</body>

这是我的app.js

angular.module('myApp', ['ui.router'])
 .config(['$stateProvider', '$urlRouterProvider',
   function($stateProvider, $urlRouterProvider) {

$stateProvider
.state('home', {
    url: '/',
    templateUrl: 'home.html',
    controller: 'MainCtrl'
})

   $urlRouterProvider.otherwise('home');
}])

非常感谢大家,我真的很感激对此的简短反馈。

1 个答案:

答案 0 :(得分:1)

$urlRouterProvider otherwise()接受您要重定向到的网址路径。因此,您需要更改:

$urlRouterProvider.otherwise('home');

要:

$urlRouterProvider.otherwise('/');