title: jquery mobile and angular.js -> collapsible doesn't seem to work
body: <p>My team is trying to do a mobile application with both jquery mobile and angular.js. It seems that they can be a little tricky. 
  We are trying to build a dynamic accordion with jquery mobile but with ng-repeat directive by angular js:</p>
  
  <p></p>
  
  <pre><code>    &lt;div data-role="collapsible" ng-repeat="catalog in catalog_list | filter: isDependent"&gt; 
  
           &lt;h6&gt;
               {{ catalog.catalog_name }} &lt;span ng-show="catalog.next"&gt; &lt;a  ng-click="changeCurrent(catalog.catalog_id)"&gt; {{ catalog.next }}&lt;/a&gt;&lt;/span&gt;
  
          &lt;/h6&gt; 
              &lt;p&gt;some Content&lt;/p&gt;
  
  
  &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Because jquery mobile works with hashtags and url to make the accordion work, angular is interpreting the url change and causing a page view reload, which means that the collapsible never gets to open. We have tried disabling several jquery mobile features:</p>
  
  <pre><code>    $.mobile.hashListeningEnabled = false;
      $.mobile.linkBindingEnabled = false;
  $.mobile.ajaxEnabled = false;
  </code></pre>
  
  <p>This does not seem to work for the accordion. It did solve a problem with routing we had before. We have seen there is an adapter for using jqm and angular together but we would rather avoid having to depend on third-party software. Any opinion on wether using angular js and jqm together without an adapter is viable would also be appreciated. Also, if we had to choose to use only one of them for our mobile site, which one would you recommend and why?</p>
  
  <p>Thank you for the help!</p>