路線“ ui-route”不起作用。 TemplateUrl html在ui視圖中不可見

Question

我使用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

Answer 1

$httpBackend捕獲了您對模板頁面的請求，該文件不了解您的.html文件。 相反，它引發如下錯誤：

錯誤：意外請求：GET route-welcome.html

預計沒有其他要求

要解決此問題，您可以將passThrough添加到您的app.run ：

....
$httpBackend.whenGET(productUrl).respond(products);
$httpBackend.whenGET(/\.html$/).passThrough();
....