Когда я пытался выполнить кодирование в AngularJS, HTML-файл
не загружается при использовании templateUrl
моего HTML-кода,
index.htm
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/index.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
</head>
<body ng-app="myApp">
<div class="nav-bar">
<ul class="nav-inner">
<li class="active"><a href="">Home</a></li>
<li><a href="#/about">About</a></li>
<li><a href="#/gallery">Gallery</a></li>
<li><a href="#/contact">Contact</a></li>
</ul>
</div>
<br><br><br><br><br><br>
<div ng-view></div>
</body>
</html>
Мой код JavaScript -
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider.when("/about", {
templateUrl: "about.htm"
});
});
страница about.htm находится в той же папке, в которой находится index.htm.
Я думаю, что застрял, пожалуйста, помогите.
Обновление:
Доступ к XMLHttpRequest в 'file: /// C: /Users/Raymond%20Thomas/Desktop/JavaScript%20Tutorial/about.htm' from origin 'null'был заблокирован политикой CORS: запросы на разные источники поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https.
это ошибка, зарегистрированная в консоли