为什么我的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