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

【问题标题】：Ionic 3 div hide show not working correctlyIonic 3 div 隐藏显示无法正常工作
【发布时间】：2020-06-06 19:30:07
【问题描述】：

我尝试 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;
}

【问题讨论】：

逻辑在哪里？
@NajamUsSaqib 嗨，我更新了我的问题并添加了.ts 部分
检查我的答案。

标签： typescript ionic3

【解决方案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;
    }

【讨论】：

【解决方案2】：

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

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

应该做的伎俩

【讨论】：