2017-09-18 41 views
0

我使用UI-路線如下配置的路由,UI視圖不工作angularjs

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> 

它沒有顯示在控制檯的任何錯誤,並沒有顯示任何意見!!? 它曾經只是德博拉Kuratah插曲26 www.pluralsite.com加入航線

這是當然AngularJS線的業務應用程序的一部分,以前做工精細的「設置路由」

+0

你肯定有'productListView.html'在正確的位置:'應用程序/產品/ productListView.html'? –

+0

只是檢查producListView.html是否在correcth路徑中。 –

+0

是的,它是在正確的路徑:productManagement \應用程序\產品\ productListView.html –

回答

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" 
      }} 
    }] 
    ); 
+0

它添加默認路線後,但現在它給我錯誤:過渡取代angular.min.js:124,任何想法爲什麼? –

+0

可能是一些事情檢查了這一點,如果它可以幫助https://stackoverflow.com/questions/41450712/angularjs-and-ui-router-error-transition-superseded-during-angularjs-unit-te – yesIcan