$ stateProvider不按預期加載頁面

我正在嘗試使用$stateProvider作爲我的網址路由。我認爲如果我使用$stateProvider，那麼我不需要使用$routeProvider。它是否正確？我能夠使我的網址路由與$routeProvider一起工作，但無法使我的網址路由與$stateProvider配合使用。這裏是我到目前爲止的代碼：

var app = angular.module("app",['ui.state']); 
app.config(function($urlRouterProvider, $stateProvider, $locationProvider) { 

$urlRouterProvider.otherwise("/home") 

$stateProvider 
    .state('home', { 
     url: "/home", 
     controller: 'HomeCtrl', 
     views: { 
      main: { templateUrl: "views/home/main.html" } 
      sub: { templateUrl: "views/home/sub.html" } 
     } 
    }) 
    .state('products/info', { 
     url: "/products/info", 
     controller: 'ProductsCtrl', 
     views: { 
      main: { templateUrl: "views/products/main.html" }, 
      sub: { templateUrl: "views/products/info/sub.html" } 
     } 
    }) 
    .state('products/reviews', { 
     url: "/products/reviews", 
     controller: 'ProductsCtrl', 
     views: { 
      sub: { templateUrl: "views/products/reviews/sub.html" } 
     } 
    })

在我的「殼」的html頁面，我有以下：

<div class="main"> 
    <div ui-view="main"></div> 
    <div ui-view="sub"></div> 
</div>

當我訪問我的任何網址，我只看到了外殼的HTML頁面。什麼都沒有被加載到我的ui-view的。我錯過了什麼？

來源

2013-07-15 Stephanie Caldwell

沒有在控制檯中？ – shaunhusain

當我嘗試訪問我的網站時，控制檯中沒有列出任何內容。 –

好的斷點打在配置調用？還有如何在控制器回合。 – shaunhusain

本頁面解釋它：AngularJS State Management with ui-router

來源

2013-07-16 05:34:40

的依賴名稱爲「ui.router」而不是「ui.state」

來源

2016-05-01 13:00:53

在這裏，你的狀態類型的產品/評論「是錯誤的，它應該是」 products.reviews'

來源

2016-08-01 07:10:34 lawrence

$ stateProvider不按預期加載頁面

回答

相關問題