Как проверить, была ли кнопка нажата второй раз?

Question

У меня есть кнопка в html, которую я хочу, чтобы при щелчке отображалась панель поиска, а при повторном нажатии - исчезать.Я уже знаю, как сделать первый, но я не знаю, как сделать второй.

Answer 1

Похоже, что вы запрашиваете тумблер, состояние включения / выключения или истина / ложь. Просто объявите локальную переменную в вашем компоненте и изначально установите ее в false. Измените его после нажатия кнопки -

    <button (click)="onClick()">
    <div *ngIf="showSearchbar">this is searchbar</div>

    showSearchbar: boolean;

    onClick() {
      this.showSearchbar = !this.showSearchbar;
    }