2017-09-21 2 views
2

私はAndgularとIONICのフレームワークを学ぼうとしています。しかし、今私はこのような状況を作る方法を知らない:あなたはちょうどあなたが使用する必要があり、あなたのHTML内のノー価格に関する情報を表示したい場合は今角度(IONIC)の状態を作るには?

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

私はIONIC

<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> 
+0

?あなたはhtmlファイルかtsでこの条件をチェックしたいですか? – porgo

+0

HTML形式です。今私は価格がある。しかし、私は、サーバーが "偽"と言うなら "価格なし"を見たいと思っています。今私は偽を見る。私は "値段なし"を見たい。あなたが「false」と言っている場所と、falseを見ているところをどうすればいいのですか? – Danil

+0

HTMLで?どの行? – porgo

答えて

2

でこのコードを持っている:

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

いいえ、私は価格があります。しかし、サーバーがfalseと言うと、テキストは "価格なし"になるはずです。 – Danil

+0

しかし、この偽はどこから来たのですか?私は、価格が設定されていない場合、「価格は表示されません」と思った – porgo

1

使用三項演算子と角度方法。

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

別の方法:

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

NG-コンテナがDOMに存在していないので、それが良いでしょう。あなたが正確に何をしたいのか

0

あなたがHTMLファイルで確認したい場合は、.TSファイルで

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

または

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

を確認したい場合は、

 <h3 *ngIf="!price">{{ price }}</h3> 
関連する問題