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 :