Хочу использовать директивы AngularJS, но они просто не включаются, не знаю что делать, HTML
<!DOCTYPE html>
<html ng-app="mainModule">
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="mainCtrl">
{{a}}
</body>
</html>
JavaScript(app.js):
(function(){
angular.module("mainModule", [])
.controller("mainCtrl", function($scope){
$scope.a = "Hi!";
})
.directive("Template", function(){
return{
restrict:"E",
templateUrl:"template.html"
};
});
})();
template.html:
<div>
Hello World
</div>
При использовании моего тэга <template></template>
подсвечивает красным и ругается на ошибку. Другие фичи Angular работают, если убрать .directive(...)
, если же .directive(...)
оставить, то не работает, ни модуль, ни контроллер. Всё лежит в одной папке, никаких подпапок.
P.S. Поэксперементировал с кодом, как только начинаю использовать .directive
весь AngularJS перестаёт работать.
Вывод console.log("directive"):
directive
angular.min1.js:79 XMLHttpRequest cannot load file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/template.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.(anonymous function) @ angular.min1.js:79
angular.min1.js:93 Error: [$compile:tpload] http://errors.angularjs.org/1.2.29/$compile/tpload?p0=template.html
at Error (native)
at file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:6:450
at file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:61:425
at file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:73:70
at w (file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:102:167)
at w (file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:102:167)
at w (file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:102:167)
at file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:103:428
at h.$eval (file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:114:32)
at h.$digest (file:///home/dimonluk/NetBeansProjects/HTML5Application/public_html/angular.min1.js:111:117)(anonymous function) @ angular.min1.js:93
Template
=>template
?