<!DOCTYPE html>
<html>
<head>
<title>分页显示</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
//<script src="js/angular.js"></script>
</head>
<body ng-app="ngView">
<p ng-view>
</p>
<script type="text/javascript">
angular.module('ngView', [],
function($routeProvider){
$routeProvider
.when('/',
{
templateUrl: 'demo.html'
}
)
.when('/test1',
{
templateUrl: 'demo.html'
}
)
.when('/test2',
{
templateUrl:'slindex.html'
}
);
}
);
</script>
</body>
</html>
Lors de l'importation de fichiers angulaires via CDN, cela peut être implémenté dans le navigateur Firefox, mais pas dans Chrome. Lors de l'importation d'angular via des fichiers locaux, invite :
Erreur non détectée : [$injector:modulerr] Impossible d'instancier le module ngView en raison de :
Erreur : [$injector:unpr] Fournisseur inconnu : $routeProvider
http://errors.angularjs.org/1.3.16/$injector/unpr?p0=$routeProvider
dans le fichier:///C:/wamp/www/js/angular.js:63:12
dans le fichier:///C:/wamp/www/js/angular.js:4031:19
sur getService (file:///C:/wamp/www/js/angular.js:4178:39)
à Object.invoke (file:///C:/wamp/www/js/angular.js:4210:13)
à runInvokeQueue (file:///C:/wamp/www/js/angular.js:4125:35)
dans le fichier:///C:/wamp/www/js/angular.js:4134:11
à forEach (file:///C:/wamp/www/js/angular.js:326:20)
à loadModules (file:///C:/wamp/www/js/angular.js:4115:5)
sur createInjector (file:///C:/wamp/www/js/angular.js:4041:11)
à doBootstrap (file:///C:/wamp/www/js/angular.js:1455:20)
http://errors.angularjs.org/1.3.16/$injector/modulerr?p0=ngView&p1=Error:…otstrap (file:///C:/wamp/www/js/angular.js:1455:20)
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous n'avez pas introduit la route angulaire