title: Binding to or watching viewport changes in angular
body: <p>I would like to have a <code>ng-if</code> evaluate a viewpoint.</p>
  
  <p>For example</p>
  
  <pre><code>&lt;div ng-if="viewPort=='SM'"&gt;
  </code></pre>
  
  <p>Or, maybe just a <code>$watch</code> and then I can set a variable that's in the <code>$scope</code></p>
  
  <p>I know I could do some magic with events etc, but I am looking for the angler way if one exists. </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Thinking about how this would work, I presume I would need a service and a way to hook into viewport changes so my controller can update the model so the view can react.  </p>