路线" ui-route"不工作TemplateUrl html在ui-view中不可见

时间:2015-10-26 22:13:55

标签: javascript angularjs angular-ui-router

我使用ui-router angular js文件进行路由,并且在复杂场景中使用时无效。我已将所有代码发布在Plunker中供您查看,并提前感谢您的时间和帮助。

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

  app.config([ "$stateProvider", "$urlRouterProvider",
             function($stateProvider, $urlRouterProvider){
               // Redirect to home view when route not found
               $urlRouterProvider.otherwise("/");               
               $stateProvider
                  // Home state routing
                  .state("home", {
                      url: "/",
                      templateUrl: "route-welcome.html"
                    })
                  .state("productList", {
                      url: "/products",
                      templateUrl: "route-productlist.html"
                    })
                  .state("productDetail", {
                      url: "/products/detail/:productId",
                      templateUrl: "route-productdetail.html"
                    })
             }
  ]);

Plunker link here

1 个答案:

答案 0 :(得分:0)

$httpBackend正在捕获您对模板页面的请求,.html不了解您的passThrough文件。而是抛出如下错误:

  

错误:意外请求:GET route-welcome.html

     

不再需要预期

要解决此问题,您可以向app.run添加.... $httpBackend.whenGET(productUrl).respond(products); $httpBackend.whenGET(/\.html$/).passThrough(); ....

resources :users do 
  get :test, on: :member
end