时间戳

首页 > 解决方案 > ionic 3中HTML中的if语句

html - ionic 3中HTML中的if语句

问题描述

我正在使用 ionic 3.9，我的 HTML 文件中有一个按钮，我想根据打字稿中的变量值创建一个条件 if 语句，如果它是真的，它将显示一个按钮文本，否则它将显示另一个文本。这是按钮：

  <button ion-button (click)="openCalendar()">Me Rapeller de cet evenement </button>

我希望它是这样的：

  <button ion-button (click)="openCalendar()">
   if(this.traduction == true){
Me Rapeller de cet evenement
   }else{
Remind me later
   }
 </button>

这在 HTML 中可能吗？

标签： htmltypescriptionic-framework

解决方案

这不是一个离子问题，而是一个角度问题，是的，这是可能的。

 <button ion-button (click)="openCalendar()">
  {{getText()}}
 </button>

在你的组件文件中

 getText() {
  if(this.traduction === true){
    return 'Me Rapeller de cet evenement';
   } else {
     return 'Remind me later';
   }
}

但是，我建议不要像这样编码，而是在 Angular 中查看 i18n 功能。

https://angular.io/guide/i18n

推荐阅读