title: How to bootstrap component based angular 1 application?
body: <p>Using angular 1.6, here are the components I need to have: </p>
  
  <pre><code>+-------------------+
  |side|              | 
  |bar |              |
  |... |     view     |
  |... |              |
  |... |              |
  +-------------------+
  </code></pre>
  
  <ul>
  <li>side bar: placed on left. using ng-repeat and updates dynamically. </li>
  <li>view: rest of the app. template is static but contents changes when click on side bar. </li>
  </ul>
  
  <p>when the user clicks on each list <code>&lt;li&gt;</code> of side bar, it updates the view. only view content/model will change. not the html template.<br></p>
  
  <p>Important: I just don't want to write a code in <code>&lt;body&gt;</code>. Would like to have sidebar in one html file and view in another associated with their controllers and render the whole app through <code>ng-view</code> in <code>&lt;body&gt;</code>. </p>
  
  <p>The side bar updates dynamically so that I cannot specify state in config() for each. </p>
  
  <p>any other standard architecture is appreciated. </p>