現在幾個小時，我一直在反對這個問題，而且我沒有想法。我是全新的角色，並試圖建立一個非常基本的應用程序，只是爲了處理它。是角度路由，templateUrl找不到html文件

應用程序的相關部分，如下所示：

main.html中

<!doctype html> 
<html> 
    <head> 
     <link href="css/main.css" rel="stylesheet" type="text/css"></link> 
     <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet"> 
    </head> 
    <body ng-app="weatherApp"> 
     <div class="main"> 
      <div class="navbar"> 
       <div class="vCentered"> 
        <img src="assets/logo.png" id="logo"> 
       </div> 
      </div> 
      <div ng-view> 
      </div> 
     </div> 
    </body> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script> 

    <script src="js/app.js"></script> 


</html>

app.js

var app = angular.module("weatherApp", ["ngRoute"]); 

app.config(function($routeProvider) 
      { 
    $routeProvider 
    .when('/', { 
    templateUrl: "home.html"; 
    }) 
    .otherwise({ 
    redirectTo: '/' 
    }); 
});

home.html做爲

<h1>Hello.</h1>

非常基本。問題是，無論如何，當main.html加載時，我無法獲取home.html的內容。需要注意的是內容確實顯示，當我使用app.js下面的代碼：

$routeProvider 
    .when('/', { 
    template: "Hello."; 
    })

所以它似乎是某種問題templateUrl真正找到home.html的。

我已經把home.html無處不在。現在我的個人電腦上散佈着模板烏爾正在尋找它的機會，但到目前爲止沒有任何運氣加載任何東西。

我試着打開我的機器上的Internet信息服務，並將該項目放入inetpub/wwwroot文件夾，但沒有幫助。（運行Windows 10）

任何想法我做錯了將非常感激。

來源

2017-08-28 EmmaO91

只是澄清index.html和home.html是在同一個地方？如果你想跳過這個麻煩去''script type =「text/ng-template」id =「home.html」>

博客

' –

main.html和home.html是在同一個地方。我寧願找出如何解決問題以備將來使用:) – EmmaO91

我假設index.html位於項目的根目錄中，因此您需要做的是將app.js放置在與index相同的路徑中.html並更改'' –

模板URL必須設置爲

templateUrl: "../project%20name/home.html"

還要確保你通過本地主機/ main.html中訪問項目在瀏覽器中絆了我的另一點。

來源

2017-08-28 20:13:35 EmmaO91

角度路由，templateUrl找不到html文件

博客

回答

相關問題