Угловой компонент добавляет вместо замены всей страницы, используя роутер-розетку

Question

Прежде всего.Я проверил все подобные вопросы и ответы на них в stackoverflow, но не работал ни один.Я использую Angular 8.1.3

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

Я создал одно маленькое приложение в stackblitz, пожалуйста, посмотрите https://stackblitz.com/edit/angular-a8lmjs. Здесь я могу воспроизвести проблему.

Answer 1

Это нормальное поведение розетки маршрутизатора.AppComponent содержит маршрутизатор-розетку и его элемент, поэтому он будет отображать как свои элементы, так и компонент, добавленный маршрутизатором-розеткой, которые соответствуют определенным маршрутам.

Кроме того, важно знать, что AppComponent является расширенным компонентом Angular по умолчанию., что означает, что он всегда загружается в корень приложения index.htlm по умолчанию.

Итак, если вы хотите заархивировать то, что вы описали, то вы должны поместить только маршрутизатор-розетку внутри AppComponent и создать еще один компонент для размещения удаленных элементов.