ui路由器没有任何错误

时间:2017-08-13 21:12:13

标签: angularjs

app.js:

 <body ng-app="App">
 <header></header>
 <div ui-view="">
 </div>
 <footer></footer>
 </body>

的index.html:

{{1}}

控制台中没有错误。我已经尝试过ngRouter,这似乎有效,但uiRouter只是不工作,我无法理解为什么。

我已经尝试过使用过。

1 个答案:

答案 0 :(得分:1)

应该 App 而不是 webocityReviewApp

 <body ng-app="App">

<强> EDIT

尝试使用州 "/"

app.config(function($stateProvider, $urlRouterProvider) {
 $urlRouterProvider.when("", "/");
  $stateProvider
    .state('root', {
      url: '/',
      templateUrl: "home.html",
      controller: 'HomeCtrl'

    })
    .state('root.master1', {
      url: '/master1',
      templateUrl: "master1.html",
      controller: 'master1Ctrl'

    })
    .state('root.master2', {
      url: '/master2',
      templateUrl: "master2.html",
      controller: 'master2Ctrl'
    })
})

<强> DEMO