Отображение div на основе нажатия кнопки

Question

Я пытаюсь показать div в зависимости от того, нажата кнопка или нет, но это не похоже на работу.

Компонент HTML

<button ng-click="showFormToggle()">Click</button>

<div ng-show="showForm">

</div>

Я также пробовал

<button (click)="showFormToggle()">Click</button>

<div *ngIf="showForm">

</div>

Машинопись типов компонентов

 showForm: boolean = false;

 showFormToggle(){
    this.showForm = true;
    console.log(this.showForm);
  }

Answer 1

Исходя из вашего HTML-компонента, вы можете быть озадачены версией Angular, которую вы используете.Я предполагаю, что вы намереваетесь использовать Angular2 +, учитывая ваше соглашение об именах (Component vs Controller), и, следовательно, первый пример больше не работает (то есть AngularJS).component.ts

showForm : boolean = false;

component.html

<button (click)="showForm = !showForm">Click</button>
<div *ngIf="showForm">
</div>

или

<button (click)="showForm = !showForm">Click</button>
<div [hidden]="!showForm">
</div>

Пожалуйста, подтвердите, что вы используете, Angular 2+ или AngularJS.

Answer 2

в вашем html:

<button (click)="showFormToggle()">Click</button>

            <div *ngIf="isChecked">
                Clicked!
            </div>

в вашем файле ts, перед конструктором:

isChecked = false;

и вашей функции:

showFormToggle(){
    this.isChecked = !this.isChecked;
}

Я надеюсь, что этоэто то, что вы ищете!