如何使用if else语句实现来回切换镜像？

Question

大家好，我不想使用if else语句来回切换建筑布局图像和建筑设计图像，但我不知道如何实现它。我是这个类型的新手，有人愿意分享我的答案吗？

感谢您的高级答案

​

​

Answer 1

以下是一个通过操作切换图像的示例组件：

组件的HTML：

<ion-list>
      <ion-item *ngIf="showImage1">
          <img src="../assets/imgs/dots.gif" height="50px" width="50px" >
     </ion-item>
      <ion-item *ngIf="showImage2">
          <img src="../assets/imgs/dots.gif" height="50px" width="50px" >
     </ion-item>
</ion-list>
<ion-button (click)="DoHideImage1()"  expand="block" color="light">
  Image2
</ion-button>
<ion-button (click)="DoHideImage2()"  expand="block" color="light">
  Image1
</ion-button>

Typescript of component:
________________________________________

public showImage1: boolean;
public showImage2: boolean;

constructor() {
  this.showImage1 = true;
  this.showImage2 = false;
}

DoHideImage1(){  
      this.showImage1 = false;
      this.showImage2 = true;
 };
DoHideImage2(){  
      this.showImage1 = true;
      this.showImage2 = false;
 };

*ngIf在条件下隐藏！根据您的需要修改示例！