У меня есть сценарий, в котором мне нужно показывать информацию во всплывающем окне viewinfo, если в это время поле адреса пустое, поле адреса отображается пустым, но мне не нужно показывать вот так, мне нужно показывать N / A. проблема в том, что у меня нет отдельных полей в 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}} <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