I have a case where I need to change the class of a span tag to red text if the data value is 'Incomplete', green text if the data value is 'Complete', if neither then it should be grey text. I can get it to change to red no problem but then as soon as I add a second check it always defaults to the grey.

In the sample below I have the red text working and defaulting to green for now. How would I add the second value check?

I have:

<span class="{{wsClientWSOutcome.startsWith( &quot;Inc&quot; ).then( &quot;redText&quot;, &quot;greenText&quot; )}}">{{wsClientWSOutcome}}</span>

Hello Brad,
Second condition code should look like:
<span class="{{wsClientWSOutcome.startsWith( &quot;Inc&quot; ).then( &quot;redText&quot;, &quot;&quot; )}}{{wsClientWSOutcome.startsWith( &quot;Comp&quot; ).then( &quot;greenText&quot;, &quot;&quot; )}}">{{wsClientWSOutcome}}</span>