Как скрыть кнопку «назад» в ангулар cli, если назад некуда?

Для скрытия кнопки "назад" в Angular CLI, когда назад некуда, вы можете использовать условный оператор *ngIf в шаблоне компонента. *ngIf позволяет вам добавить или удалить элемент из DOM на основе условия.

1. В начале вам нужно добавить переменную в вашем компоненте, которая будет определять, есть ли возможность перейти назад. Например, вы можете добавить переменную с именем canGoBack и инициализировать ее значением false.

export class YourComponent {
   canGoBack: boolean = false;
}

2. Затем в вашем шаблоне компонента вы можете использовать условный оператор *ngIf, чтобы решить, показывать или скрывать кнопку "назад":

<button *ngIf="canGoBack">Назад</button>

3. Теперь вам нужно будет обновить значение переменной canGoBack в соответствии с вашей логикой. Например, вы можете использовать сервис Router из @angular/router для получения информации о текущем маршруте и проверки, имеет ли роутер историю переходов.

import { Router } from '@angular/router';

export class YourComponent {
   canGoBack: boolean = false;

   constructor(private router: Router) {
     // Проверяем, есть ли история переходов вперед или назад
     if (this.router.getCurrentNavigation()?.previousNavigation != null) {
       this.canGoBack = true;
     }
   }
}

Обратите внимание, что в примере использован метод getCurrentNavigation()?.previousNavigation, который предоставляет информацию о предыдущем переходе при навигации с помощью Router. Вы можете настроить эту логику в соответствии с вашими потребностями.

Теперь, если нет истории переходов, кнопка "назад" не будет отображаться в вашем шаблоне, а если история переходов есть, кнопка "назад" отобразится.