return angular 中的三元运算符内的模板插值 5

Question

如何在 angular 5 模板中实现以下内容：

<h6>{{userWalletData.BTCWalletBalance ? {{userWalletData.BTCWalletBalance}} BTC = {{userWalletData.BTCWalletBalanceInFiat}} : 'Fetching balance...'}}</h6>

Answer 1

可以在模板中使用Angular的*ngIf来实现

<h6 *ngIf="userWalletData.BTCWalletBalance != undefined && userWalletData.BTCWalletBalanceInFiat != undefined; else fetching_balance">{{userWalletData.BTCWalletBalance}} BTC = {{userWalletData.BTCWalletBalanceInFiat}}</h6>

<ng-template #fetching_balance><span>Fetching balance...</span></ng-template>

希望对您有所帮助！