JSFiddle - React, Tailwind, and code Playground

by ArsenMelkumiants

HTML

<div ng-init="myVar = 50">
    
<div ng-attr-data-color="{{myVar === 50 ? null : null}}">
    this is orange
</div>
<div ng-attr-data-color="{{myVar === 50 ? 'green' : 'orange'}}">
    this is green
</div>    
</div>

CSS

[data-color="orange"]{
    border: 4px solid orange;
}

[data-color="green"]{
    border: 4px solid green;
}

[data-color]{
    border: 4px solid red;
}