Practically using script async or defer with frameworks like angular
<p>Have been studying the use of <code>async</code> and <code>defer</code> in script tags. Given the following...</p>

<blockquote>
  <p>async - Allows the rest of the html to parse, while the JS script is being loaded. Once the script is completely loaded then the html
  parser is paused to execute the script. However, note that the order
  of loading can't be controlled.</p>
  
  <p>defer - Also allows the rest of the html to parse, however the loaded
  js is only executed once the html parsing is complete.</p>
  
  <p>So, if you can afford to show your html without loading your js script
  first... use <code>async</code>. If more than one script is involved and
  the order they are loaded matters then use <code>defer</code>. On the other hand, if your scripts MUST be loaded first (and can't be rewritten to allow the
  html to parse first) then just load the script without using <code>async</code> or
  <code>defer</code> in the header.</p>
</blockquote>

<p>How would this fit with modern frameworks like AngularJS... since, delaying their loading results in an error. Any pointers would be appreciated.</p>