title: Change CSS style with Javascript function
body: <p>I am trying to change a CSS style whenever a button is clicked.  To do this I have a Javascript function which defines a new class for CSS (as well as several other things).  Currently the JS function looks like this: </p>
  
  <pre><code>scope.dropChange = function(dropValue, dataType) {
      scope.checkChangeCol = {
          'width': '8px;',
          'height': '20px;',
          'border': 'solid #000;',
          'border-width': '0 3px 3px 0;',
          'padding-left':'0px;',
          'margin-left':'13px;',
          '-moz-transform': 'rotate(45deg);',
          '-webkit-transform': 'rotate(45deg);',
          '-o-transform': 'rotate(45deg);',
          '-ms-transform': 'rotate(45deg);',
          'margin':'auto;'
  }
  </code></pre>
  
  <p>*i took out a lot on unnecessary code.  if you think the problem doesn't have to do with the class,  can can add in the rest of the function.</p>
  
  <p>The html for the section that uses this is:</p>
  
  <pre><code>&lt;table class=buttons-table&gt;
      &lt;tr style="line-height: 100px;"&gt;
          &lt;td&gt;&lt;button type="button" class="btn btn-primary btn-sm" ng-click="dropChange('all')"&gt;All&lt;/button&gt;
          &lt;td&gt;&lt;button type="button" class="btn btn-primary btn-sm" ng-click="dropChange('room')"&gt;Room&lt;/button&gt;
          &lt;td&gt;&lt;button type="button" class="btn btn-primary btn-sm" ng-click="dropChange('floor')"&gt;Floor&lt;/button&gt;
          &lt;td&gt;&lt;button type="button" class="btn btn-primary btn-sm" ng-click="dropChange('building')"&gt;Building&lt;/button&gt;
  
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;div style="{{checkChangeCol}}" class="checkmark"&gt;&lt;/div&gt;
          &lt;td&gt;&lt;div class="checkmark"&gt;&lt;/div&gt;
          &lt;td&gt;&lt;div class="checkmark"&gt;&lt;/div&gt;
          &lt;td&gt;&lt;div class="checkmark"&gt;&lt;/div&gt;
  
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt;checkChangeCol = {{checkChangeCol}}
      &lt;/td&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>From what i can tell,  I believe i formatted the class within the function wrong,  so it isn't being used even though the data is found.  However,  I am unsure of how to actually fix this.</p>