根据按钮点击

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 +，考虑到您的命名约定（组件与控制器），因此第一个示例不再有效（即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;
}

我希望这就是你要找的东西！