Как решить javascript слайд-шоу не отображается автоматически после angularjs маршрутизации - PullRequest
Новая
       7

Как решить javascript слайд-шоу не отображается автоматически после angularjs маршрутизации

1 голос
/ 21 января 2020

На моей странице html есть слайд-шоу, которое должно запускаться автоматически после загрузки страницы. Он работает нормально, пока я не использовал angularJs маршрутизацию, и не отображается автоматически после загрузки страницы в качестве шаблона. Я должен нажать на следующую стрелку, чтобы показать слайды. В чем может быть проблема: вот мой код.

Код шаблона моего макета: 

<!DOCTYPE html>
<html ng-app="main">
    <head>
        <title>Woodworld</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width initial-scale=1.0">
        <link href="https://fonts.googleapis.com/css?family=Cabin+Condensed|Exo+2|Ibarra+Real+Nova|Muli|Open+Sans|Oswald|PT+Sans|Public+Sans|Quicksand|Roboto|Source+Serif+Pro|Yantramanav&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="stylesanimate.css">
        <link rel="stylesheet" href="data/images/css/all.css">
        <link rel="stylesheet" href="styles/layoutstyle.css">
        <link rel="stylesheet" media="screen and (min-width:500px)" href="styles/medium-screens.css">
        <link rel="stylesheet" media="screen and (min-width:1050px)" href="styles/large-screens.css">
        <script src="scripts/angular.min.js"></script>
        <script src="scripts/angular-route.min.js"></script>
        <script src="scripts/services.js"></script>
        <script src="scripts/controllers.js"></script>
        <script src="scripts/modules.js"></script>
        <script src="scripts/stylescript.js"></script>
    </head>
    <body onload="showSlides()">
        <div ng-view class="ng-scope">
        </div>
    </body>
    </html>

Код Javascript: 

var slideIndex = 1;
// Next/previous controls
function plusSlides(n) {
        showSlides(slideIndex += n);
      }
function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("slide");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1;}
  if (n < 1) {slideIndex = slides.length;}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slideIndex++;
  if (slideIndex > slides.length) {slideIndex = 1;}
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  setTimeout(showSlides, 5000);
}

Шаблон со слайд-шоу:

image
...