如何在Angular（IONIC）中創建條件？

我試圖學習Andgular和IONIC框架。但現在我不知道如何使狀況是這樣的：如何在Angular（IONIC）中創建條件？

if (price = false) { 
echo 'No price'; 
}

現在我有離子

<h2 style="font-size:15px;margin:0 0 4px">{{item.name}}</h2> 
<h3 style="color:red;" *ngIf="!item.special;"> {{item.price}}</h3> 
<h3 color="primary" *ngIf="item.special"><del>{{item.price}}</del></h3> 
<h3 color="danger" *ngIf="item.special"> {{item.special}}</h3> 
<p style="margin:3px 0 6px">{{item.description}}</p>

來源

2017-09-21 Danil

你想要做什麼？你想檢查這個條件在HTML文件或TS？ – porgo

在HTML中。現在我有價格。但如果服務器顯示「false」，我希望看到「沒有價格」。現在我看錯了。我想看到「沒有價格」。正在努力創造條件 – Danil

服務器如何說「錯誤」，以及在哪裏看到錯誤？在HTML？在哪一行？ – porgo

這個代碼如果您只想展示一下貴HTML中沒有的價格，你應該使用信息：

<h3 *ngIf="!item.price">No price</h3>

來源

2017-09-21 10:15:01 porgo

不，我有價格。但是，當服務器說錯誤，所以應該有文字「沒有價格」。 – Danil

但這個錯誤來自哪裏？如果價格沒有設定，我認爲'沒有價格'應該是可見的 – porgo

使用角方式與三元算子。

<h3>{{!item.price ?'No price':item.price}}</h3>

來源

2017-09-21 10:25:29 codeMonkey

另一種方式：

<ng-container *ngIf="item.price"> 
    No price 
</ng-container>

這是更好，因爲NG容器不存在DOM。

來源

2017-09-21 10:28:13

如果你想的.ts文件，檢查，

 if(!price){ 
     console.log("false") 
    }

或

 if(price==false){ 
     console.log("false) 
    }

如果你想在HTML文件，檢查

，

 <h3 *ngIf="!price">{{ price }}</h3>

來源

2017-09-21 10:37:07

如何在Angular（IONIC）中創建條件？

回答

相關問題