title: Load different directive depend on screen size at AngularJS?
body: <p>I have 1 different component layout loaded by directive at bigger and smaller screen.</p>
  
  <p>Is it possible to do that at AngularJS?</p>
  
  <p>Have read the doc from <a href="https://material.angularjs.org/latest/layout/options" rel="nofollow noreferrer">here</a> and <a href="https://material.angularjs.org/1.0.1/layout/children" rel="nofollow noreferrer">here</a> but no luck</p>