title: Creating Filters Inside of Angular Directive
body: <p>Im curious as to why this angular filter will work outside of an Angular directive but not inside. Can someone provide an explanation?</p>
  
  <p>For instance, in the Plunkr below I've added a search filter which will work outside of the Bootstrap Angular UI accordian but when removed and added inside, it doesn't work?</p>
  
  <p><a href="http://plnkr.co/edit/GdFvay?p=preview" rel="nofollow">http://plnkr.co/edit/GdFvay?p=preview</a></p>
  
  <pre><code> &lt;div class="col-sm-4"&gt;
        &lt;input type="text" ng-model="searchText" class="form-control" placeholder="Search All"&gt; 
        &lt;div&gt;
          &lt;accordion close-others="oneAtATime"&gt;
            &lt;accordion-group &gt;
              &lt;accordion-heading&gt;
                Search
              &lt;/accordion-heading&gt;
              &lt;input type="text" ng-model="searchText" class="form-control" placeholder="Search All"&gt; 
            &lt;/accordion-group&gt;
          &lt;/accordion&gt;
  </code></pre>