2017-09-22 10 views
1

三項演算子に続く画像を表示したい。三項演算子で画像を表示する方法は?

それはどのように私はこれをやって行くのです

<td>${(match(['Completed'] === true && item['Biased'] === item['Hope']) ? 'a.svg' : (item['Completed'] === false && item['Biased'] === null) ? 'b.svg' : 'c.svg')}</td> 

のようなものでなければなりませんか?

どんな種類のヘルプをいただければ幸いです。

+0

三元演算子は良いですが、どのようにあなたのHTMLにjsを書いていますか? –

+0

イメージタグ「」を作成するためのマークアップがありません。アイテム['Completed'] === true' – Thomas

+0

@PaulFitzgerald 'var tr =' ....に 'item'がありません。 ... ''これは私がやっている方法です –

答えて

1

ここでは、これがお手伝いしますclassname

<td>${(match(['Completed'] === true && item['Biased'] === item['Hope']) ? '<img src="a.svg" class="image-1" />' : (item['Completed'] === false && item['Biased'] === null) ? '<img src="b.svg" class="image-2" />' : '<img src="c.svg" class="image-3" />')}</td> 

希望とソリューション

<td>${(match(['Completed'] === true && item['Biased'] === item['Hope']) ? '<img src="a.svg" />' : (item['Completed'] === false && item['Biased'] === null) ? '<img src="b.svg" />' : '<img src="c.svg" />')}</td> 

更新回答で行きます。

+0

ありがとうございました!しかし、1つの小さな問題があります。画像のサイズは異なります。これにCSSを追加できますか? –

+0

@SteveDoson 'CSS 'の各画像タグ&にクラスを追加して、幅を定義することができます。 – Shiladitya

+0

これは私が今行ったことです。そんなに仲間をありがとう。 –