Чтобы скрыть элемент при нажатии кнопки в Angular, вы можете использовать несколько методов. Вот некоторые из них:

1. Использование директивы ngIf. Вы можете использовать директиву ngIf для условной визуализации или скрытия элемента в Angular. Привяжите директиву ngIf к логическому свойству и переключайте ее значение при нажатии кнопки. Например:

<button (click)="hideElement = !hideElement">Toggle Element</button>
<div *ngIf="!hideElement">Element to be hidden</div>

2. Использование класса CSS. Вы можете определить класс CSS, который скрывает элемент, используя свойство display: none, а затем динамически применять или удалять этот класс при нажатии кнопки. Вот пример:

<button (click)="hideElement = !hideElement">Toggle Element</button>
<div [class.hidden]="hideElement">Element to be hidden</div>

В файле CSS определите класс .hiddenследующим образом:

.hidden {
  display: none;
}

3. Использование директивы ngStyle. Директива ngStyle позволяет динамически применять встроенные стили. Вы можете привязать директиву ngStyle к объекту, содержащему стили, которые будут применяться или удаляться в зависимости от нажатия кнопки. Вот пример:

<button (click)="hideElement = !hideElement">Toggle Element</button>
<div [ngStyle]="{'display': hideElement ? 'none' : 'block'}">Element to be hidden</div>

Это всего лишь несколько способов скрыть элемент при нажатии кнопки в Angular. Вы можете выбрать тот, который лучше всего соответствует вашим потребностям.