Перерыв слайдера карусели при использовании ng-include

Question

Перерыв слайдера карусели при использовании ng-include

0

С моей главной страницы я включаю файл карусели,

<div data-ng-include="'views/header/template/home_slider.html'"></div>

и home_slider.html содержит следующий код,

<section class="carousel-wrapper" interval="myInterval.value" ng-if="isHome" ng-controller="slideCtrl">
        <div id="carousel-big">
            <div class="item" style="background-image:url(assets/img/slide1.jpg);">
                <div class="caption">

                    <h1>This is where title<br> goes, short or long</h1>
                    <p>by UserX</p>
                    <span>1000 views | 3 weeks ago</span>
                    <button class="btn btn-primary">watch now</button>
                </div>
            </div>
            <div class="item" style="background-image:url(assets/img/slide2.jpg);">
                <div class="caption">
                    <h1>This is where title<br> goes, short or long</h1>
                    <p>by UserX</p>
                    <span>1000 views | 3 weeks ago</span>
                    <button class="btn btn-primary">watch now</button>
                </div>
            </div>
            <div class="item" style="background-image:url(assets/img/slide1.jpg);">
                <div class="caption">
                    <h1>This is where title<br> goes, short or long</h1>
                    <p>by UserX</p>
                    <span>1000 views | 3 weeks ago</span>
                    <button class="btn btn-primary">watch now</button>
                </div>
            </div>
            <div class="item" style="background-image:url(assets/img/slide2.jpg);">
                <div class="caption">
                    <h1>This is where title<br> goes, short or long</h1>
                    <p>by UserX</p>
                    <span>1000 views | 3 weeks ago</span>
                    <button class="btn btn-primary">watch now</button>
                </div>
            </div>
            <div class="item" style="background-image:url(assets/img/slide1.jpg);">
                <div class="caption">
                    <h1>This is where title<br> goes, short or long</h1>
                    <p>by UserX</p>
                    <span>1000 views | 3 weeks ago</span>
                    <button class="btn btn-primary">watch now</button>
                </div>
            </div>
            <div class="item" style="background-image:url(assets/img/slide2.jpg);">
                <div class="caption">
                    <h1>This is where title<br> goes, short or long</h1>
                    <p>by UserX</p>
                    <span>1000 views | 3 weeks ago</span>
                    <button class="btn btn-primary">watch now</button>
                </div>
            </div>
        </div>
    </section>

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

Afroza Yasmin 03 нояб. 2015, в 09:13

Источник

0

Там должно быть ошибка в консоли, что это говорит?
Rolice 03 нояб. 2015, в 08:03
0

Я уже проверил в консоли без ошибок узнать консоль.
Afroza Yasmin 03 нояб. 2015, в 08:07
0

'interval = "myInterval.value"' путем добавления интервала также не работает?
gandharv garg 03 нояб. 2015, в 08:16
0

да, это не работает
Afroza Yasmin 03 нояб. 2015, в 08:17
0

<div ng-include src="'views/header/template/home_slider.html'"></div> Попробуйте заменить приведенным выше кодом
gandharv garg 03 нояб. 2015, в 08:26
0

@GandharvGarg, пожалуйста, рассмотрите возможность опубликовать ответ, если вы нашли решение, чтобы закрыть вопрос как решенный.
Rolice 17 нояб. 2015, в 08:58

Показать ещё 4 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Там должно быть ошибка в консоли, что это говорит?
Я уже проверил в консоли без ошибок узнать консоль.
'interval = "myInterval.value"' путем добавления интервала также не работает?
<div ng-include src="'views/header/template/home_slider.html'"></div> Попробуйте заменить приведенным выше кодом
@GandharvGarg, пожалуйста, рассмотрите возможность опубликовать ответ, если вы нашли решение, чтобы закрыть вопрос как решенный.

gandharv garg · Answer 1 · 2015-11-03T05-34-00.000Z

Вы должны написать src после ng-include:

ЗАМЕНА:

<div data-ng-include="'views/header/template/home_slider.html'"></div>

С

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

Это решит проблему. ИСТОЧНИК