Question

我正在使用node，bower和express构建一个有角度的单页应用程序。但是，由于一些奇怪的原因，我似乎无法让ngRoute工作。似乎没有任何东西出现在我的.ng-view div中。这是我的代码：

INDEX.HTML

<!DOCTYPE html>
<html>
<head>
   <title>Node, NPM and Bower</title>
   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
   <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css">
</head>
<body ng-app="app">

   <h1>My App</h1>

   <div class="ng-view"></div>

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

APP.JS

angular.module("app", ["ngRoute"]).
config(function($routeProvider) {
   $routeProvider
   .when("/", {
      template : "<h1>Home</h1>"
   })
   .when("/about", {
      template : "<h1>About</h1>"
   });
});

提前感谢您提供的任何帮助！

角度模板路由

0 个答案: