2017-12-12 9 views
0

私は角度2の初心者です。角度を使っていくつかのデータを表示しようとしています。これは私のコード部分です角度データバインディングの中に条件を入れる方法は?

<span> Wages</span><span>{{(Wages|currency:USD$:2)}}</span> 

上記の部分は "賃金$ 0.00"と表示されます。それはOKですが、「賃金」に価値やヌルがない場合は、何も表示しないでください。 「賃金」

どうすればいいですか?私は以下のいくつかのことを試してみましたが、その私はこのsouldが働いていると考え、事前

+0

のように三項演算子のために行くことができます。もしwages == '' then return '' –

+0

'' span'に 'ngIf'を使ってDOMから完全に削除することができます。 –

+0

パイプコードを掲示できますか? –

答えて

3

次の操作を行うことができます

<span> Wages</span><span *ngIf="Wages">{{(Wages|currency:USD$:2)||' '}}</span> 

Wagesオブジェクトは、あなたのビューで関数を作れば、それはロジックを行うことが容易となる値

0

<span> Wages</span><span>{{(Wages|currency:USD$:2)||' '}}</span> 

おかげで動作していない...これを試してみてください?

{{(Wages || '') | currency:USD$:2}} 

ところで、あなたのWagesは文字列、数字ですか...?

0

を持っている場合にのみ<span>をレンダリングしますお使いのコントローラに

{{ mySpecificThing(String1) }} 

は...その後、コントローラに必要なものを取得する関数を定義

0

あなたは単にあなたのパイプコードで条件を置くことができる

{{ Wages !== 0 ? (Wages | currency: USD$: 2) : ' ' }} 
関連する問題