Ionic 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>

应该可以解决问题

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

Ionic 3 div hide show not working correctly

typescript

ionic3