Bonjour,

Je suis en train de m'exercer à développer avec angular-route et, pour ce faire, je n'utilise pas de serveur, mais simplement le navigateur pour lire mes fichier .html dans lesquels j'ai paramétré le différents css et javascripts.

Je rencontre l'erreur suivante que je ne comprend pas et qui me bloque :
Error : Access to restricted URI denied
Voici mon code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Acceuil</title>
	<!-- load bootstrap and fontawesome via CDN -->
	<link rel="stylesheet" href="../css/vendor/icofont/css/icofont.css" />
	<link rel="stylesheet" href="../css/vendor/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
 
	<script src="../js/vendor/angular.min.1.5.9.js"></script>
    <script src="../js/vendor/angular-route.js"></script>
    <script src="../js/script.js"></script>
 
<script src="https://use.fontawesome.com/f9c3e6c8db.js"></script>
 
</head>
<body ng-controller="mainController">
	<!-- HEADER AND NAVBAR -->
	<header>
		<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="/">Angular routing example</a>
				</div>
 
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#"><i class="fa fa-home"></i> Home </a></li>
					<li><a href="#about"><i class="fa fa-shield"></i> About </a></li>
					<li><a href="#users"><i class="fa fa-users"></i> Users </a></li>
					<li><a href="#contact"><i class="fa fa-comment"></i> Contact </a></li>
				</ul>
			</div>
		</nav>
	</header>
 
	<!-- MAIN CONTENT AND INJECTED VIEWS -->
	<div class="col-md-1"></div>
	<div id="main" class="col-md-10">
		<div ng-view></div>
	</div>
	<div class="col-md-1"></div>
</body>
</html>

Voici mon code javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/**
 * 
 */
 
var myApp = angular.module("myApp", ["ngRoute"]);
 
myApp.config(function($routeProvider) {
	$routeProvider
 
	// route for the home page
	.when('/', {
		templateUrl : '/vues/home.html',
		controller : 'mainController'
	})
 
	// route for the about page
	.when('/about', {
		templateUrl : '/vues/about.html',
		controller : 'aboutController'
	})
 
	// route for the contact page
	.when('/contact', {
		templateUrl : '/vues/contact.html',
		controller : 'contactController'
	})
 
	// route for the contact page
	.when('/users', {
		templateUrl : '/vues/users.html',
		controller : 'usersController'
	});		
 
});
 
myApp.controller('mainController', function($scope) {
	console.log("mainController");
	$scope.message = 'Bonjour !';
});
 
myApp.controller('aboutController', function($scope, $http) {
	console.log("aboutController");
	$scope.messageList = [];
	/*$http.get('gestMessage').then(function(response) {
		console.log("response : " + response.data.messageList);
		$scope.messageList = response.data.messageList;
	});*/
});
 
myApp.controller('usersController', function($scope, $http) {
	console.log("usersController");
	$scope.users = [];
	/*$http.get('gestUsers').then(function(response) {
		console.log("response : " + response.data.users);
		$scope.users = response.data.users;
	});*/
});
 
myApp.controller('contactController', function($scope) {
	console.log("contact controller");
	$scope.message = 'Contact page';
});
et voici une page html nommée users.html qui devrait normalement afficher un titre :