时间戳

首页 > 解决方案 > 离子 if else 语句显示 div

angular - 离子 if else 语句显示 div

问题描述

我正在使用离子框架来制作应用程序。我想做一个 if/else 语句以在 html 中显示 div 。我正在从第 1 页到第 2 页的导航 url 中获取数据。在第 2 页 l 使用激活的路由参数从第 1 页获取数据。

有时来自 url 的数据是这样的，mypage/iaw/null所以我想检查字符串是否为 null 隐藏 div 。

我做了什么

 public myFlag: boolean = false;
  id : any

      constructor(private nav : NavController,private activatedRoute : ActivatedRoute) {
                    this.activatedRoute.params.subscribe((params) => {

                      this.id = params['id'];
                    });

            if (this.id=="null") {
                this.myFlag = true

            }else{
              this.myFlag = false
            }

html

  <div *ngIf="myFlag">

    <ion-button expand="block" fill="outline"color="success"  (click)="navigate(id)">Flight route</ion-button>

  </div>      
  <div *ngIf="!myFlag">

    No data 
  </div>

我的网址示例

localhost/flightserachdetails/IA172/Isfahan/1555496100/CR9/scheduled/Iraqi%20Airways/IAW/null

标签： angularionic4

解决方案

您可以像这样实现 if else 语句：

<div *ngIf="myFlag;else other_content">
  <ion-button expand="block" fill="outline"color="success (click)="navigate(id)">Flight route</ion-button>
</div>
<ng-template #other_content>
  No data
</ng-template>

推荐阅读