По объяснениям да. Моя проблема в том, что каждое нажатие кнопки «СЛЕДУЮЩАЯ» заставит браузер перейти на страницу по умолчанию.
Я скопировал примеры за исключением из getbootrap и md bootstrap (показано ниже), где у меня все еще есть эта проблема.
<div class="row">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(45).jpg"
alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(46).jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(47).jpg"
alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
Нажатие на СЛЕДУЮЩУЮ ссылку приведет к переходу на http://localhost: 4200 / login # carouselExampleControls (логин - моя страница "dafault")
Карусель и окружающая ее строка встроены в ng-контейнер (для обработки асинхронной трубы)
Я не уверен, что до сделать с моей маршрутизацией или просто образец ссылки. Если я удалю ссылки, конечно, никаких действий не будет.
Как уже упоминалось выше, я не ухожу с этой страницы. Я просто хочу показать изображения и позволить пользователю просматривать «галерею»
ОБНОВЛЕНИЕ Я подозреваю перенаправление, но не могу исправить его при удалении.
const routes: Routes = [
{
path: '',
redirectTo: 'login', // später evtl. auf home
pathMatch: 'full'
},
{
path: 'login',
component: LoginComponent
},
{
path: 'home',
component: HomeComponent,
canActivate: [AuthenticationGuard]
},
{
path: 'register',
component: RegisterComponent
},
{
path: 'course/:courseId',
component: CourseComponent,
canActivate: [AuthenticationGuard]
}
];