1

Я не могу сделать директиву ng-include. Я просмотрел и попробовал несколько решений из stackoverflow, но ни один из них, похоже, не работает. Я что-то упускаю ? Угловые работы повсюду в документе, за исключением этого. Дива никем не пронизан.ng-включить в угловой 1.2 не работает?

Я использую основу фундамента. Возможно ли, что это вызывает проблему?

Вот код в моем index.html:

<div ng-include="'partials/menu.html'"></div> 

Я проверил и перепроверил, у меня есть "обертоны" папку, содержащую "menu.html" файл ...

I также пытались:

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

и

<div ng-include="'/partials/menu.html'"></div> 

Заранее благодарим за любую помощь, которую вы могли бы мне дать!

+0

Вы можете проверить консоль/инструменты разработчика для каких-либо сообщений об ошибках? – callmekatootie

+0

ОК, я понял. Кажется, вы не можете выполнять HTTP-запросы в chrome в локальном файле. На консоли была ошибка. Я попытался открыть файл в firefox, и это сработало. Я предполагаю, что эта ошибка не будет возникать, как только файл будет загружен на сервер. P.S: Извините, я должен поставить этот ответ в комментарии, но из-за моего курса я не могу ответить на свой вопрос прямо сейчас – TonTir

ответ

2

У вас есть правильный код здесь:

<div ng-include=" 'partials/menu.html' "></div> 

так что это, скорее всего, вопрос путь. Если ваша папка partials не находится в той же папке, что и html-файл, на который вы ссылаетесь, вам может понадобиться что-то вроде '../partials/menu.html'. Вы можете попробовать создать простой «мир привет», например partials/test.html, без угловой функциональности и использовать это, чтобы найти правильный путь и заставить работать ng-include.

1

Спасибо за ваш ответ. Я действительно понял, в чем проблема. Кажется, вы не можете выполнять HTTP-запросы в chrome в локальном файле. На консоли была ошибка. Я попытался открыть файл в firefox, и это сработало. Я предполагаю, что эта ошибка не будет возникать, как только файл будет загружен на сервер.

0

Проблема заключается в использовании одного и двойные кавычки, вам нужно всего лишь один из них, как это:

<div ng-include="partials/menu.html"></div> 

Это работает хорошо

<div ng-include='partials/menu.html'></div> 
Смежные вопросы