Question

我是离子2的新手，在离子图标前面我希望在同一行中有一些文字，这意味着默认情况下有div标签，在div标签中有文字，通过点击删除图标，文字应该消失。以下是我的代码：

 <ion-list>
    <ion-item no-lines (click)="toggleLanguages()" class="content">
      <ion-icon name="create" item-left class="sai"></ion-icon>     
       Language 
       <div class="english">English 
       <ion-icon name="add" item-right *ngIf="languageShow" ></ion-icon>
       <ion-icon name="remove" item-right *ngIf="languageHide"></ion-icon>
     </div>
   </ion-item>
 </ion-list

Answer 1

 <ion-list>
    <ion-item no-lines (click)="toggleLanguages()" class="content">
      <ion-icon name="create" item-left class="sai"></ion-icon>     
       Language 
       <div class="english">
         <span *ngIf="languageHide">English</span> 
         <ion-icon name="add" item-right *ngIf="languageShow" ></ion-icon>
         <ion-icon name="remove" item-right *ngIf="languageHide"></ion-icon>
     </div>
   </ion-item>
 </ion-list>

如果您的TS看起来像这样（例如）

public languageShow: boolean = false;
public languageHide: boolean = true;

toggleLanguages() {
    this.languageShow = !this.languageShow;
    this.languageHide = !this.languageHide;
}

当＆＃39;删除＆＃39;按下，languageHide转为false，因此，返回<span>其中＆＃34;英语＆＃34;打印未显示。

然后如果＆＃39;添加＆＃39;按下，你会看到你的英语＆＃34;再次（或您配置的任何其他语言名称）

如何通过单击按钮文本显示一些静态文本应该使用离子2消失？

1 个答案: