我怎樣才能做一些條件格式。下面的代碼將其格式化為兩位小數。然而，有時 row[column.props] 不是數字型別。有時它有一個像“n/a”這樣的文本值，在這種情況下我怎么做條件格式？如果它不是數字，我不想將其格式化為數字。
<td *ngFor = "let column of headers">
{{row[column.prop] | number: '1.1-2'}}
</td>
uj5u.com熱心網友回復：
您可以*ngIf在模板中使用以查看該值是否為數字。如果該值不是數字，則用于else呈現不同的模板。
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
public values: any[] = [1.23, 11.134223, 'n/a', 0, 'n/a'];
}
<ng-container *ngFor="let val of values">
<div *ngIf=" val; else nonNumberTemplate">{{ val | number: '1.1-2' }}</div>
<ng-template #nonNumberTemplate>
<div>{{ val }}</div>
</ng-template>
</ng-container>
https://stackblitz.com/edit/angular-ivy-5gmgnu
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/399259.html
上一篇：在Angular中出錯：輸入'boolean|Observable<boolean>'不可分配給型別'boolean'
下一篇：在傳遞給服務的組件上設定變數值