Правильное использование функции ng-include

0

Я только начал изучать Angular.js(1 не 2) сегодня, и я делал несколько тестовых кодов, чтобы попробовать каждую функцию со ссылкой от w3schools и других сайтов, подобных этому. Я знаю, что это не проблема, но мой код, похоже, возвращает мне ошибку, которая не должна быть там...

Ошибка:

angular.min.js: 103 XMLHttpRequest не может загрузить partial/html/navbar.html. Запросы на кросс-начало поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resource.

от этого куска кода, который я пытался сделать для себя...

<body style="padding-top: 70px">

    <div ng-app="">
        <div ng-include="'partial/html/navbar.html'"></div>
        <div ng-view></div>
    </div>

    <!-- Initialization -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
</body>

Что я делаю не так? даже если я копирую/вставляю коды, они, похоже, в конечном итоге дают мне тот же результат каждый раз

  • 0
    Вы используете веб-сервер для просмотра своего сайта?
  • 0
    Должен ли я? я имею в виду его JavaScript
Теги:

1 ответ

0
Лучший ответ

Я не уверен в сообщении об ошибке, но, возможно, вы не используете правильный путь.

Какая структура папок вашего приложения? Если у вас есть это:

app --> views --> partial --> html --> navbar.html

то путь:

<div ng-include="'views/partial/html/navbar.html'"></div>
Поделиться
  • 0
    это зависит от того, где находится html-страница вызывающего абонента. Если index.html находится в app/html/ вы должны написать ../views/partial/html/navbar.html
  • 0
    Точно, в моем случае у меня есть index.html внутри приложения папки.
Показать ещё 3 комментария

Ещё вопросы

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