Как включить локальные файлы .html с помощью diffrent dir в локальный проект .html с помощью JQuery или AngularJS

0

Поэтому я создаю проект для себя.

Прямо сейчас, у меня есть простая страница index.html, с некоторым дизайном, и она получает некоторую информацию от API и отображает ее с угловым. Это прекрасно работает.

Но у меня есть другой dir (папка), который называется follow который содержит другой.html файл с некоторым анимированным html (JQuery UI), который я хочу показать в файле index.html в корне. Не только код, но и как предварительный просмотр, как обычные html-страницы. Как это возможно?

Я пробовал использовать ng-include, на div, но не работает. Я пробовал .load() JQuery .load(), но жалуется на cross-domain даже когда он все локально.

Вот из того, что я пробовал:

<div ng-include="'notify/followers-notification.html'"></div>
...
<div id="teest"></div>
...
$( "#teest" ).load( "notify/followers-notification.html" );
...

редактировать
Это то, что я получаю в консоли, от JQuery: Изображение 174551

  • 0
    Есть ли ошибки в консоли, что не работает? Страница не загружена?
  • 0
    @ blacksheep_2011 Я обновил пост, с некоторой информацией, сейчас у angular возникли проблемы по какой-то причине. Я попробую отладить это и посмотреть, смогу ли я что-нибудь для вас сделать.
Теги:

2 ответа

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

ng-view и ng-include делают запросы ajax для работы с файлом шаблона. Поскольку вы используете его локально, он не может выполнить этот запрос. Легко исправить это, чтобы использовать http-сервер для обслуживания вашего содержимого на локальном сервере.

Если вы не хотите использовать сервер, то одним из способов является создание ваших шаблонов:

<script type="text/ng-template" id="sample.html">
  <div>This is my sample template</div>
</script>

<div ng-include src="'sample.html'"></div>

Это помещает ваш шаблон в угловой шаблонный кеш. Когда обрабатывается директива ng-include, Angular сначала проверяет кеш.

Поделиться
  • 0
    Я думал о сервере и использовал nodejs, но нет. Я хочу, чтобы он работал локально, без сервера или чего-либо еще, просто вызовите API и CDN для css, js и т. Д. И просто поместите все это в «один файл». И должна быть возможность включать второй HTML-файл, в индекс, и увидеть угловой JS, как в файле индекса .. надеюсь, что это имеет смысл
0

Это потому, что браузеры (по крайней мере, Chrome) не разрешают запросы AJAX в локальной среде, вам нужен какой-то сервер или запускать хром с флагом -allow-file-access-from-files.

Как запустить html с помощью Chrome в режиме "--allow-file-access-from-files"?

Поделиться

Ещё вопросы

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