Скрыть кнопку добавления / удаления после нажатия кнопки Добавить в angular8

Question

[! [

export class LeaveTypesComponent implements OnInit {
 
  hidden: boolean = false;
  
  addForm() {
    this.records = {};
    this.dataarray.push(this.records);  
    this.hidden = true; 
  }
  }

<!--Add & Save-->
        <div class="col-md-2">
          <div class="form-group co-12">
            <div class=" click" *ngIf="!hidden">
              <!--Add Form-->
              <a (click)="addForm()"><span class="add"> <i class="fa fa-plus-circle fa-2x "
                    aria-hidden="true"></i></span></a>
              <!--Remove Form-->
              <a (click)="removeForm(i)"><span class="clear"><i class="fa fa-times-circle fa-2x" aria-hidden="true"></i>
                </span></a>
            </div>
          </div>
        </div>

] 2 ] 2

Когда я нажимаю кнопку добавления, она генерирует такую ​​же форму, как эта. Но я хочу скрыть кнопку добавления / удаления после нажатия кнопки «Добавить», но в текущей форме она будет включена.