title: AngularJS - Change properties of a class from a controller
body: <p>I won't harp on about the use-case for this (it's needed to override some behaviour in Angular Material which is causing bugs in Safari), but here's what I'm trying to do:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;style&gt;
    .changeme{
      height: 300px;
    }
  &lt;/style&gt;
  
  &lt;div class='changeme'&gt;
    Some Text
  &lt;/div&gt;
  </code></pre>
  
  <p>My JS code looks at the height of the browser window, and I need to change the <code>height</code> attribute of <code>.changeme</code> dynamically from my controller.</p>
  
  <p>I <strong>CANNOT</strong> do this via <code>ng-style</code>, as <code>Angular Material</code> strips ng-styles away from the particular element in question.</p>
  
  <p>Is it possible to manipulate a <code>&lt;style&gt;</code> tag from Angular? Or are there any options for achieving this?</p>