Почему перестал работать слайдер после добавления ng-view?

Question

[Sizoider]

всем привет
добавил ангуляр,а конкретно дерективу ng-view и слайдэр перестал работать.
то есть слайдэр находится в отдельном файле
какие танцы с бубном нужны чтобы все обратно заработало?

home.html

<article class='col-md-10'>
			<div class="slider">
		        <img src="img/slider1.jpg" class="img-responsive" alt="slider pic"/>                  
		        <img src="img/slider2.jpg" class="img-responsive" alt="slider pic"/>
		        <img src="img/slider3.jpg" class="img-responsive" alt="slider pic"/>
		        <img src="img/slider4.jpg" class="img-responsive" alt="slider pic"/>
		        <img src="img/slider5.jpg" class="img-responsive" alt="slider pic"/>
		        <img src="img/slider6.jpg" class="img-responsive" alt="slider pic"/>
    		</div>
</article>

angular.module('App', ['ngRoute','ngAnimate'])
	.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
		$routeProvider
			.when('/bio', {
				templateUrl : 'bio.html'
			})
			.when('/contact', {
				templateUrl : 'contact.html'
			})
			.when('/home', {
                                 //страница со слайдером
				templateUrl : 'home.html'
			})
			.otherwise({
                             //страница со слайдером
				redirectTo: '/home'
			})
			//$locationProvider.html5Mode(true);
	}])
    .controller('MainCtrl', ['$scope', function($scope) {
   }]);

Answer 1

[_ _]

Заменяйте код слайдера на директиву из пакета ui-bootstrap, если используете его, или заворачивайте код слайдера в директиву.
Используете ангуляр - идите angular-way.

Comments

[Sizoider]

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

[_ _]

Sizoider: потому что инициализация слайдера у вас происходит сразу после загрузки страницы, по событию window.onload. Если в этот момент у вас в теле страницы будет контент для слайдера - слайдер будет работать.
Когда вы вынесли контент для слайдера в ngView, слайдер перестал его видеть при инициализации, потому что в момент срабатывания window.onload его просто нет в документе, он появится только когда отработает ангуляр и его роутер.

[Sizoider]

Александр Марченко: спасибо большое за обяснение!!