Как вывести сообщение, что таймер перестал работать (но без перегрузки страницы)?

Для вывода сообщения, что таймер перестал работать в Angular, можно использовать функциональность директивы *ngIf.

1. Начнем с создания переменной в компоненте, которая будет отвечать за состояние таймера, например, "timerStopped". По умолчанию, установим ее значение в false.

timerStopped: boolean = false;

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

<div *ngIf="timerStopped">
   <p>Таймер перестал работать!</p>
</div>

3. Далее, при необходимости, в компоненте создаем функцию или используем событие остановки таймера, и устанавливаем значение переменной "timerStopped" в true, чтобы сообщение было показано.

stopTimer() {
   // Код для остановки таймера
   this.timerStopped = true;
}

4. Также, можно добавить другой обработчик события, который будет включать таймер заново и сбрасывать значение переменной "timerStopped" в false, чтобы скрыть сообщение.

startTimer() {
   // Код для запуска таймера
   this.timerStopped = false;
}

Теперь, каждый раз, когда таймер перестает работать и вызывается функция stopTimer(), сообщение "Таймер перестал работать!" будет отображаться на странице, без перегрузки страницы. Когда таймер снова запускается посредством функции startTimer(), сообщение будет скрыто.