Question

我正在尝试使用angular-route和ng-view将login.hml加载到我的index.html，但由于某种原因它不起作用。

<!doctype html>
<html ng-app="Test">
  <head>
      <script src="public/lib/angular/angular.min.js"></script>
      <script src="public/lib/angular/angular-route.min.js"></script>
      <script src="public/lib/angular/angular-animate.min.js"></script>
      <script src="public/modules/core/core.client.module.js"></script>
      <meta charset="UTF-8">
      <title>Test</title>
      <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <header>
      <nav class="cf" ng-include="'public/modules/navigation/views/nav.html'"></nav>
    </header>
    <div class="page">
      <main class="cf" ng-view></main>
    </div>
  </body>
</html>

一个非常简单的JS文件，它加载Angular模块并为/login url调用$ routeProvider：

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

myApp.config(['$routeProvider', function($routeProvider){
    $routeProvider
        .when('/login', {
            templateUrl: 'views/login.html'
        }).otherwise({redirectTo: '/about'});
}]);

login.html：

<h1>
    <p>Login</p>
</h1>

ng-view不显示视图

0 个答案: