Lorsque j'apprenais le routage à partir du livre, le code complété était le suivant :
<!DOCTYPE html>
<html ng-app="myApp" lang="zh-cn">
<title>Simple app</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>
</head>
<body >
<!-- HEADER AND NAVBAR -->
<header>
<nav class="navbar navbar-default">
<p class="container">
<p class="navbar-header">
<a class="navbar-brand" href="/">Angular Routing Example</a>
</p>
<ul class="nav navbar-nav navbar-right">
//这里引向不同的页面
<li><a href="#home"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#login"><i class="fa fa-shield"></i> About</a></li>
</ul>
</p>
</nav>
</header>
<!-- MAIN CONTENT AND INJECTED VIEWS -->
<p id="main">
<!-- angular templating -->
<!-- this is where content will be injected -->
<p ng-view >//主要是这里
</p>
</p>
<script src="bower_components/angular/angular.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular-route.min.js"></script>
<script src="app.js"></script>
</body>
</html>
<p ng-controller="HomeController">
<p>我是主页</p>
</p>
var app = angular.module('myApp',['ngRoute']);
app.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/home',{
templateUrl: 'page/home.html',
controller:'HomeController'
})
.when('/login',{
templateUrl: 'page/login.html',
controller:'LoginController'
}
);
}]);
Le résultat est OK, mais la console signalera une erreur. Je veux connaître la raison ?
En regardant le message d'erreur, cela devrait être un problème avec
HomeController
. N'est-il pas défini ?