Почему коды для карусели не работают? - PullRequest
Новая
       17

Почему коды для карусели не работают?

0 голосов
/ 11 апреля 2019

Я пытаюсь спроектировать карусель, используя начальную загрузку и угловой js. Часть кода, отвечающая за мою карусель, приведена ниже. 

<div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
              <li data-target="#myCarousel" data-slide-to="1"></li>
              <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
          
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
              <div class="item active">
                <img src="../assets/img3.jpg" alt="Monster Book of Monsters" class="image">
              </div>
          
              <div class="item">
                <img src="../assets/img4.jpg" alt="Awesome Deals" class="image">
              </div>
          
              <div class="item">
                <img src="../assets/img3.jpg" alt="Monster Book of Monsters" class="image">
              </div>
            </div>
          
            <!-- Left and right controls -->
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#myCarousel" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
                <span class="sr-only">Next</span>
              </a>
          </div>

Моя проблема в том, что из-за ссылки, включенной в тег привязки, каждый раз, когда я пытаюсь изменить изображение, нажимая на значки, #mycarousel добавляется к моему URL. Код для моих маршрутов приведен ниже. 

const routes: Routes = [
/* Include the neccessary paths for routing */

{ path: 'login', component: LoginComponent, pathMatch:'full' },
{ path: 'collection', component: CollectionComponent,pathMatch:'full' },

{path:'about',component:AboutComponent,pathMatch:"full"},

{path:'signing',component:SigningComponent,pathMatch:"full"},
{ path: '**', redirectTo: '/about', pathMatch:'full' }];

Из-за "path: '**', redirectTo: '/ about', pathMatch: 'full'" этой строки в моих определениях пути маршрута, каждый раз, когда #mycarousel добавляется к моему URL, меня перенаправляют на страницу / о странице .

Я также пытался удалить тег привязки href, но моя карусель не работает. Что мне делать?

...