Как заставить работать скрипты в коде, который подключается через ng-include?

Question

[topdetal]

Есть файл index.html, в котором есть структурные блоки типа слайдеры, карусели (код обрабатываемый скриптами). В нем же подключены все скрипты.
Я убираю весь контент из index и вместо него пишу ng-view в который вывожу файл, в котором все контентные блоки подключаются с помощью

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

И вот при подключении кода через ng-include скрипты не работают. Хотя все файлы подключены, в консоли ошибок нет.

В чем может быть проблема?
Помогите, пожалуйста!

Answer 1

[Kostya Gorozhanov]

Скриптовые файлы нельзя подключать через ng-include.
В подгружаемом фрагменте кода вы можете указать контроллер который за него отвечает с помощью ng-controller, контроллер подключаете изначально.

Comments

[topdetal]

Я наверно неправильно выразился. Все скрипты подключены в index а блоки html разнесены по отдельным файлам и инклудятся.

[topdetal]

разметка подгружается но скрипт её не обрабатывает.

[Kostya Gorozhanov]

Признавайтесь честно, мешаете понемногу angular с jquery))))?

[Kostya Gorozhanov]

Дайте код partial/slider.html

[topdetal]

Я только начал изучение angular. В шаблоне есть плагины, в том числе и jquery. При использовании разметки в файле index все работает. Но мне надо в index вывести все с помощью ng-view, а все структурные контент-блоки разнести в отдельные файлы и подключить с помощью ng-include. И вот при вставке разметки через инклуд скрипты её не обрабатывают(((((

[topdetal]

Kostya Gorozhanov: Подключаемый файл имеет такое содержимое:

<!-- TESTIMONIALS -->
		<section class="module module-parallax bg-light-60" data-background="assets/images/section-2.jpg">

			<div class="container">

				<div class="row">

					<div class="col-sm-6 col-sm-offset-3">

						<!-- TESTIMONIALS CAROUSEL -->
						<div class="owl-carousel slider-testimonials text-center">

							<!-- SLIDE 1 -->
							<div class="item">
								<h5 class="module-icon m-b-20">
									<span class="icon-quote"></span>
								</h5>
								<div class="font-serif m-b-20">
									The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
								</div>
								<div class="quote-author font-alt">Jack Woods / Somecompany inc.</div>
							</div>
							<!-- /SLIDE 1 -->

							<!-- SLIDE 2 -->
							<div class="item">
								<h5 class="module-icon m-b-20">
									<span class="icon-quote"></span>
								</h5>
								<div class="font-serif m-b-20">
									The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
								</div>
								<div class="quote-author font-alt">Jack Woods, Somecompany inc.</div>
							</div>
							<!-- /SLIDE 2 -->

							<!-- SLIDE 3 -->
							<div class="item">
								<h5 class="module-icon m-b-20">
									<span class="icon-quote"></span>
								</h5>
								<div class="font-serif m-b-20">
									The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
								</div>
								<div class="quote-author font-alt">Jack Woods, Somecompany inc.</div>
							</div>
							<!-- /SLIDE 3 -->

						</div>
						<!-- /TESTIMONIALS CAROUSEL -->

					</div>

				</div>

			</div>

		</section>
		<!-- /TESTIMONIALS -->

[Kostya Gorozhanov]

Скорее всего дело в том что скрипты что то делающие с ДОМ отробатывают еще до зпгрузки темплейтов.

[topdetal]

вот так выглядит страница dev.koderra.com:9012

после первого серого экрана с помощью ng-include подключен блок testimonials, в инспекторе можно увидеть его код. И он же подключен в самом низу страницы, непосредственно в файле index, там он работает так как должен. Можете что-то подсказать?

[Kostya Gorozhanov]

topdetal: Когда темплейт подгрузиться, он посылает уведомление что загрузился, в контроллере вы можете его поймать с помощью
$scope.$on('$includeContentLoaded', function(){
//тут исполняете свой скрипт инициализирующий слайдер
});

[topdetal]

Да, спасибо, частично заработало!!!!))))