為什么我的Angular模板/控制器不會加載到ngView中？

Question

我在Angular（1.3.14）中配置路由遇到麻煩。 我已經看了很多類似的例子這一個和這一個還有這里的幾個其他的答案在SO，而據我所知，這是設置正確，但是當我加載它在瀏覽器中，沒有負載的屏幕。 沒有控制台錯誤，並且通過注釋掉$ locationProvider行（已將哈希添加回URL）驗證了Angular正在運行。

代碼當前為：

app.js

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

app.config([
  '$routeProvider',
  '$locationProvider',
  function($routeProvider, $locationProvider) {

    $routeProvider.
      when('/', {
        templateURL: 'templates/home.html',
        controller: 'HomeController'
      }).
      otherwise({
        redirectTo: '/'
      });

    $locationProvider.html5Mode(true);

}]);
app.controller('HomeController', function($scope) {
  console.log("hi");
});

home.html的

<div>
   HELLO
</div>

的index.html

<!DOCTYPE html>
<html ng-app="app">
  <head>
    <base href="/">
    <link rel="stylesheet" type="text/css" href="stylesheets/style.min.css"/>
  </head>
  <body>

    <div ng-view></div>

    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>

我還嘗試過更改我聲明應用程序的方式。 我嘗試將ng-app標簽添加到正文中的div，嘗試使用ng-view指令，但是這些都不會改變結果。 所有鏈接的資源都會加載，我可以在開發工具中查看它們。 我也可以直接導航到模板文件，並且可以正常加載。 我想我缺少一些簡單的東西，但是我無法弄清楚它是什么。

Answer 1

它應該是templateUrl ，而不是templateURL 。

為什么我的Angular模板/控制器不會加載到ngView中？

問題描述

app.js

home.html的

的index.html

1 個解決方案

解決方案1
5 已采納 2015-03-10 22:34:09

為什么我的Angular模板/控制器不會加載到ngView中？

問題描述

app.js

home.html的

的index.html

1 個解決方案

解決方案1 5 已采納 2015-03-10 22:34:09

解決方案1
5 已采納 2015-03-10 22:34:09