Привет, у меня проблема при использовании Angular JS в Eclipse. Я пытаюсь использовать Директивы. Но когда я обращаюсь к файлу index.html, я получаю Cors Origin Issue при загрузке шаблонов директив.
XMLHttpRequest cannot load file:///Users/fanjavaid/Documents/Research%20and%20Development/workspaces_angularjs/usedirectives/app/js/directives/ArticleInfo.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
Вот моя директива javascript:
app.directive('articleInfo', function() {
return {
restrict: 'E',
scope: {
info : '='
},
templateUrl: 'js/directives/ArticleInfo.html'
}
});
И это мой шаблон директивы:
<div class="title"><h1>{{ article.title }}</h1></div>
<div class="meta" style="font-size:11px;"><strong>{{ article.meta }}</strong>, <strong>Comments :</strong> {{ article.comments }}</div>
<div class="content">
<p>{{ article.content }}</p>
</div>
Как с этим справиться? спасибо
Похоже, вы открываете статический файл index.html
в своем браузере и при загрузке, ваша директива делает вызов, чтобы получить шаблон с помощью templateUrl
и он всегда добавляет путь к текущему пути в вашем браузере, который является file://
. Именно по этой причине ваш запрос терпит неудачу.
Если вы используете Java, вы можете развернуть свое приложение на любом сервере, таком как Jetty или TomCat, и получить доступ к вашему index.html
и он будет работать.