2016-06-21 2 views
2

Я новичок в javascript. Я делаю простой сайт с общим заголовком в файле header.html, и я включил его в каждую страницу сайта с помощью ng-include.header.html добавлен с ng-include load late

Моя проблема заключается в том, что содержимое страницы загружается первым, а затем заголовок, который отталкивает остальную часть страницы. Есть ли способ сделать загрузку заголовка первым?

Благодаря

EDIT: Я также включать в подвал, который имеет ту же проблему.

+1

вы можете создать jsfiddle или codepen легко отлаживать –

+0

' ng-include' является асинхронным, и иногда он может загружаться после основного содержимого. общим решением является загрузка шаблона в блок «run» и вставка шаблона в кеш шаблона. https://docs.angularjs.org/api/ng/service/$templateCache#!/ – Claies

ответ

-1

Вы пытались добавить заголовок через PHP include?

<?php include 'header.html'; ?> 

Я нашел этот самый эффективный способ для своего сайта и сделал то же самое с нижним колонтитулом.

+0

это не решение для angular.js. Угловой может работать на многих платформах, а не только на php-серверах, и речь идет о опции на стороне клиента, а не стороне сервера. – Claies

+0

Я делаю сайт без серверной части. Стоит ли добавить его только для включения файлов заголовков и нижних колонтитулов? – JuanLanuza

0

вы можете загрузить форму заголовка внешнего вида

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

, а затем остальная часть вашего приложения, обратите внимание, вы можете поставить угловую refrence в головной секции

+0

Работы ng-include. Проблема в том, что основное содержимое страницы на первой странице загружается, а когда заголовок загорается, он отбрасывает остальную часть страницы. – JuanLanuza

+0

вы можете выполнить ручную инициализацию в угловой модуль после проверки заголовка [здесь] (https://docs.angularjs.org/guide/bootstrap) – abdoutelb