В Angular можно настроить вывод ошибок только после нажатия на кнопку, используя привязку данных и событий в шаблоне компонента.
Первым шагом я предлагаю создать переменную в компоненте, которая будет отражать состояние, когда ошибки должны отображаться. Например:
public showError = false;
Далее в шаблоне компонента добавляем кнопку и элементы ввода, к которым будет применен механизм вывода ошибок:
<button (click)="showError = true">Показать ошибки</button>
<input [(ngModel)]="myInput" [ngClass]="{ 'error': showError && myInput === '' }" />
<div *ngIf="showError && myInput === ''" class="error-message">
Это поле обязательно для заполнения.
</div>
Кнопка события (click) привязана к функции, которая устанавливает переменную showError в значение true, что приведет к отображению ошибок.
Элемент <input> связан с переменной myInput при помощи двусторонней привязки данных [(ngModel)]. Далее с использованием [ngClass] мы добавляем класс error только тогда, когда showError установлен в true и значение в поле ввода пустое.
Наконец, мы используем директиву *ngIf для отображения сообщения об ошибке только тогда, когда showError установлен в true и поле ввода пустое.
В CSS вы можете определить стиль для класса error, чтобы отобразить поле ввода с ошибкой, и стиль для класса error-message, чтобы предоставить пользователю информацию об ошибке.
Таким образом, при запуске приложения ошибки не будут отображаться. Они будут показаны только после нажатия на кнопку "Показать ошибки".