2017-09-22 2 views
1

Ich möchte ein Bild nach dem ternären Operator anzeigen.Wie zeige ich ein Bild in einem ternären Operator?

Es sollte so etwas wie

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

sein Wie kann ich gehen diese zu tun?

Jede Art von Hilfe würde sehr geschätzt werden.

+0

der ternäre Operator ist gut, aber wie schreiben Sie js in Ihrem HTML? –

+0

Sie vermissen das Markup, um ein Image-Tag zu erstellen '' und Sie vermissen das 'Element' bei' item ['Erledigt'] === true' – Thomas

+0

@PaulFitzgerald 'var tr =' .... ... '' so mache ich es –

Antwort

1

Hier gehen Sie mit einer Lösung

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

Aktualisiert Antwort mit 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> 

Hope this Ihnen helfen.

+0

Vielen Dank !! Aber es gibt ein kleines Problem. Die Bildgrößen sind unterschiedlich. Kann css dazu hinzugefügt werden? –

+0

@SteveDoson Sie können jedem Bild-Tag eine Klasse hinzufügen und im 'CSS' können Sie die Breite definieren. – Shiladitya

+0

Das habe ich jetzt gemacht. Vielen Dank Kumpel. –