title: Bootstrap data-spy="affix" not working on Angular View change
body: <p>I'm trying to figure out why my <code>affix</code>-ed panel isn't staying put when I change my Angular view.</p>
  
  <p>I've added the affix property directly to the panel on the first page (details), and left it in the data-spy only in the second page (flights).</p>
  
  <p>In a full blown web version, if I refresh the flights page, suddenly the affix kicks in, and stays put when I scroll, but doesn't if I just navigate to the page using Angular.</p>
  
  <p>It looks like the affix isn't being added to the class by Bootstrap when I navigate between views.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="panel panel-primary mySidebar" id="sidebar" 
      data-spy="affix" data-offset-top="0" data-offset-bottom="200"&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.mySidebar.affix {
      position: fixed;
      top: 250px;  
  }
  
  .mySidebar.affix-bottom {
      position: absolute;
      top: auto;
      bottom: 450px;  
  }
  </code></pre>
  
  <p>Here's a Plunker..</p>
  
  <p><a href="http://plnkr.co/edit/S0Bc50?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/S0Bc50?p=preview</a></p>
  
  <p>I found a similair question here: </p>
  
  <p><a href="https://stackoverflow.com/questions/17282967/twitter-bootstrap-affix-not-triggering-in-single-page-application">Twitter Bootstrap: Affix not triggering in single page application</a></p>
  
  <p>But I couldn't figure out how to apply that to my problem here...</p>
  
  <p>Any help would be great!</p>