title: How does minification work and does it affect angular nested objects?
body: <p>How does minification handle <code>$scope.obj.subObj = { key: val ...};</code></p>
  
  <p>from what I understand the last to use variable stays unchanged, </p>
  
  <p>but if I were to have html element</p>
  
  <pre><code>&lt;div&gt;{{obj.subObj.key}}&lt;/div&gt;
  </code></pre>
  
  <p>would the result of minify shorten the code to a.b.c.key?
  forgive me for asking in amateur fashion, but I'm trying to understand how javascript minification works.</p>