Angular2 [innerHTML] else validationの場合

Question

いくつかのJSONデータに応じて、ボタンに異なるテキストを表示したいとします。

例（もちろん動作していない）：[オブジェクトとして表示される[ngClass]のアプローチを使用して

<button [ngClass]='{"btn-success": data.complete, "btn-primary": !data.complete}'>Some text</button> 

：

<button [innerHTML]='"Male" if user.gender==1 else "Female"'></button> 

私は、この機能は、すでに例えば[ngClass]でexisits知っています：オブジェクト]、したがって動作しません。

Answer 1

使用三元表現

<button [innerHTML]='user.gender == 1 ? "Male" : "Female"'></button> 

はとにかくあなたは、このためにinnerHtmlは必要ありません。私は次のようにします：

<button>{{ user.gender == 1 ? "Male" : "Female" }}</button> 

Answer 2

もっと柔軟な方法は、ボタンのテキストとして変数にバインドするだけです。この

<button>{{buttonText}}</button>

とあなたの.tsファイルに、ちょうどあなたのJSON値に基づいてbuttonTextの値を設定するよう

。