如果地址字段为空,如何将地址添加为NA,否则显示为地址。

我有一个场景,我需要在viewinfo弹出窗口中显示信息,如果地址字段为空,此时地址字段显示为空,但我不需要像这样显示,我需要显示NA.问题是我在html中没有单独的字段来写if条件。


       <mat-list role="list">
        <div *ngFor="let tcolumn of tableColumns;let i = index"> 
     <div fxFlex *ngIf="component=='Users'">
            <mat-list-item style="min-height: 60px;" role="listitem">
              <div style="width: 31%; float:left;"><b>{{columnName[i]}}</b></div>
              <div style="width: 50%; float:right;" *ngIf="selectedData || tcolumn !== ''">{{ tcolumn != 'locationsRoles' ? selectedData[tcolumn] :''}}</div>
              <div fxFlex class="layout_role"Flexlayout="column" *ngIf="tcolumn== 'locationsRoles'">
                <span *ngFor="let lnr of selectedData[tcolumn]"><b class="location">Location :</b> {{lnr.location.name.split("-").length>1 ? lnr.location.name.split("-").splice(1): lnr.location.name}} &nbsp;&nbsp;<br>
                  <span class="role">
                    <b>Roles: </b>
                    <span *ngFor="let r of lnr.role; let isLast=last">{{r.name}}{{isLast ? '' : ','}} </span><br>
                  </span>
                </span>
              </div>
            </mat-list-item>
          </div>

ts

  /**viewInfo */
  viewInfo(selectedRow) {
    this.selectedRow = selectedRow;
    const dialogConfig = new MatDialogConfig();
    dialogConfig.disableClose = true;
    dialogConfig.data = {
      'selectedValue': this.selectedRow,
      'tableColumns': this.displayedColumns,
      'columnName': ['First Name :', 'Last Name :', 'User Name :', 'Client :',' Address'],
      "component": "Users",
      "mode": true,
    }
    let dialogRef = this.dialog.open(ViewInfoComponent, dialogConfig);
  }
  public displayedColumns=['firstName','lastName','username','tenantName','address','locationsRoles']

viewinfo.ts

  if (data) {
      if(data.selectedValue.cell) this.gridSelectedData = data.selectedValue.cell;
      this.selectedData = data.selectedValue;
      this.mode = data.mode;
      this.component = data.component;
      this.columnName = data.columnName;
      this.tableColumns = data.tableColumns;
    }
  }
```


  [1]: https://i.stack.imgur.com/I791e.png

解决方案:

在htmll中使用三元操作符,比如这样

{{ tcolumn != 'locationsRoles' ? selectedData[tcolumn]==null?'N/A':selectedData[tcolumn]:''}}

给TA打赏
共{{data.count}}人
人已打赏
解决方案

Adam optimizer真的是RMSprop加动量吗?如果是,为什么它没有动量参数?

2022-5-13 9:00:18

解决方案

有什么方法可以将传递给函数onClick的数据属性以开玩笑的方式分解?

2022-5-13 9:00:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索