Кто может подсказать как сделать правильно роуты?
Есть основная страница faq, у нее есть 2 дочерних компонента heat и water
нужно чтобы по умолчанию загружался один из этих компонентов а при клике,
в навбаре загружался другой компонент на место первого
Я в компоненте faq в  методе ngOnInit прописал
 ngOnInit(): void {
   this.router.navigate(['water'],{relativeTo: this.route})
 }
У меня получается загрузка страницы все отображается нормально, по клику перехожу
на heat. Но когда обновляю страницу, у меня загружается water
Как сделать так чтобы оставалась загруженная страница на месте и не менялась?

тебе не нужно делать навигейт из компонента, в этой ситуации тебе достаточно использовать проперти redirect
внутри массива чайлдов сделать:
{path: '', redirect: 'water'}

А почему ты не сделал через чайлд роутинг?

path: 'parent-component',
   component: ParentComponent,
   children: [
     { path: '', redirectTo: 'water' },

     { path: 'water', component: WaterComponent },
     { path: 'heat', component: HeatComponent },

Влад все получилось, спасибо 👍

Я только пробую писать на Ангуляре.Спасибо за советы

Не за что 😊

В последнее время спамеры как-то активизировались

Корона вирус :)

Набижали боты резко

ну вот началась атака, к нам на @angularminsk обычно форекс боты приходят

Ну тут также, вчера вот прямо что-то новенькое из совсем другой фермы

ага даже приятно когда что то новое 🙂

Добрый день, подскажите пжлст, по какой причине form может быть invalid если все контролы внутри valid. Использую Reactive Forms

и errors у этой формы равно null

скрытые поля, crossfield валидация

С примером кода было бы проще подсказать

https://pastebin.com/Pv0VKg6K
пустые group дополняються внутри дочерних компонентов

поведение такое славливаю, когда пользователь не заполнив все поля пытается перейти на следующую страницу, я делаю markAllAsTouched() этой форме - все ошибки подсвечиваються - все хорошо. Как только он заполняет следующие поля - все поля на форме валидны, а сама форма остаеться не валидной. И он не может перейти дальше

markAllAsTouched - это и может быть трабла. Делайте такое только для конкретных полей markAsTouched.

Судя по коду, у тебя не все поля required
updateValueAndValidity - тоже стоит помотреть.

Подебаж form.status, form.valid
Form Status: {{ componentForm.status }}
Form Valid: {{ componentForm.valid }}

updateValueAndValidity помогло. Попробовал убрать markAllAsTouched - проблема осталась прежней. Спасибо большое