Conditional Styling of an Angular component : <p>I am trying to style a component on basis of a condition in following way.</p>

<pre><code>&lt;div class="col-md-3 d-flex justify-content-center align-items-center" ng-style ="{ ' background-color' : (vars.state=='Signup')? '#73c7af' : '#ffffff' }"&gt;
</code></pre>

<p>and my vars.state=Signup. So it according to this background of this div should be #73c7af but it still white. Can anybody tell me where I am making mistake?</p>
