title: ng-view height issue in angularJS?
body: <p>I am using ng-view, to display view based on the routeProvider. In my application, ng-view added like this </p>
  
  <pre><code>&lt;div ng-view  style="height: 100%; background:#000000;"&gt;&lt;/div&gt;.
  </code></pre>
  
  <p>In one of my views, there is a left navigation, which should displayed 100% in height in the browser.  For some reason, left view navigation height is created only based upon the data. That is if data is more, height is incremented. </p>
  
  <p><img src="https://i.stack.imgur.com/JIikq.png" alt="enter image description here"></p>
  
  <p>I am not sure, why height is not incremented  even though I set hieght=100%, here is the code of Left navigation</p>
  
  <pre><code>&lt;div class="options1"&gt; 
  
  
  
   &lt;div class="options"&gt; 
           &lt;a ng-repeat="name in list" &gt;{{name.name}}&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;/div &gt;
  
  .options {
      background:#FFFFFF;
  
      min-height: 190px;
  
      width:10em;
  
      height:100%;
  
      border: 1px solid red;
  
      color:#FFFFFF;
  
  }
  
  .options1 {
      min-height:100%; 
  
      background:red;
  
      width:15em;
  
  
  }`
  </code></pre>