Директива AngularJS о перекрестном происхождении в Eclipse

0

Привет, у меня проблема при использовании 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>

Как с этим справиться? спасибо

  • 0
    Просто подайте его с любого (локального) веб-сервера, а не просматривайте ваш index.html через файл: //

1 ответ

1

Похоже, вы открываете статический файл index.html в своем браузере и при загрузке, ваша директива делает вызов, чтобы получить шаблон с помощью templateUrl и он всегда добавляет путь к текущему пути в вашем браузере, который является file://. Именно по этой причине ваш запрос терпит неудачу.

Если вы используете Java, вы можете развернуть свое приложение на любом сервере, таком как Jetty или TomCat, и получить доступ к вашему index.html и он будет работать.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню