离子3 div隐藏显示无法正常工作

Question

我尝试了 ionic 3 div show hide，但是它不起作用？我的解决方案有任何问题吗？

.html

   <div>
        <ion-item (click)="alive">Show</ion-item>
          <div class="textboxs" padding *ngIf="alive">
view
          </div>

.ts

   alive() {
  this.alive = true;
}

Answer 1

.html

   <div>
          <ion-item (click)="yourFunction()">Show</ion-item>
          <div class="textboxs" padding *ngIf="alive">
                view
          </div>
    </div>

.ts

alive:boolean = true;  //by default false will hide the div.

    yourFunction(){
      this.alive = !this.alive;
    }

Answer 2

我认为您只需将（click）属性设置为HTML中的函数

<ion-item (click)="alive()">Show</ion-item>

应该做到这一点