ui-视图不工作angularjs

Question

我使用 ui-route 配置了如下路由，

var app = angular.module("productManagement",
                        ["common.services",
                         "ui.router",
                         "productResourceMock"]);

app.config(["$stateProvider",
    function($stateProvider){
            // Products
            $stateProvider
            .state("productList", {
                url: "/products",
                templateUrl: "app/products/productListView.html",
                controller: "ProductListCtrl as vm"
            })

    }]
);

下面是我的index.html

<body ng-app="productManagement">
  <div class="container">
      <div ui-view></div>   
  </div>
</body>

它在控制台中没有显示任何错误，也没有显示任何视图！！？它在添加路线之前工作正常

这是 Deborah Kuratah 第 26 集 AngularJS 业务线应用程序 www.pluralsite.com 课程的一部分 "setting up the routing"

Answer 1

你必须 1.有默认路由 2. 如果状态未定义则重定向到主页

app.config(["$stateProvider","$urlRouterProvider",
      function($stateProvider,$urlRouterProvider){
            // Products
           $urlRouterProvider.otherwise("/");
            $stateProvider
           .state("home", {
                url: "/",
                templateUrl: "app/products/productListView.html",
                controller: "ProductListCtrl as vm"
            })
            .state("productList", {
                url: "/products",
                templateUrl: "app/products/productListView.html",
                controller: "ProductListCtrl as vm"
            }}  
     }]
   );

ui-视图不工作angularjs

ui-view not working angularjs

angularjs

angular-ui-router