title: Conditionally styling an array value from an API
body: <p>I am grabbing data from an API that is very easy to utilize, the values for percent change can either be positive or negative. I am trying to add a class to the item so if the value is negative I can display a class and vice versa.</p>
  
  <p>Here is what I've tried so far with no luck:</p>
  
  <pre><code>&lt;li v-for="info in infos.slice(0, 5)"&gt;  -- Grabs first 5 items in API
      &lt;div :class="{ positive: info.percent_change &gt; 0 }" v-html="info.percent_change"&gt;&lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>The code properly displays the percent_change value but does not apply any class to it regardless if it is negative or positive.</p>
  
  <p>Sample output showing no class names: </p>
  
  <pre><code>&lt;li&gt;&lt;div class=""&gt;0.8%&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div class=""&gt;-6.57%&lt;/div&gt;&lt;/li&gt;
  </code></pre>