title: Update CSS styles dynamically using AngularJS
body: <p>I'm new to AngularJS and I'm not really sure how to create the effect I want using it.</p>
  
  <p>I'd like to compare the values of two elements and conditionally update the CSS for the elements based on that comparison.</p>
  
  <p>This seems very simple to do with jQuery or Vanilla JS, but I'm not sure how I can accomplish the same thing in an Angular app.</p>
  
  <p>If I strip my code down, this is basically all I need to change.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Minimum Price&lt;/th&gt;
        &lt;th&gt;New Price&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;td ng-bind="sku.MinimumPrice"&gt;&lt;/td&gt; &lt;!-- value one --&gt;
        &lt;td&gt;
          &lt;input ng-model="sku.NewPrice" id="price-input"&gt; &lt;!-- value two --&gt;
        &lt;/td&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Pseudocode:</strong></p>
  
  <pre><code>if (sku.NewPrice &gt; sku.MinimumPrice) {
    #price-input.style.color='red'
  }
  </code></pre>
  
  <p>So, what is the 'Angular' way to implement this?</p>