Проблемы с Угловым UI Accordion

Question

У меня возникли проблемы с Угловым аккордеон. Вот HTML/Угловой код:

<accordion id="accordion1" close-others="true"> 
    <accordion-group heading="Static Header" is-open="false" ng-repeat="service in userPF.custom.services"> 
     <accordion-heading><input type="checkbox" name="status" disabled>On <input type="checkbox" name="status" disabled checked>Off {{service.name}} {{service.desc}}</accordion-heading> 
     <div class="secondary" ng-repeat="fields in userPF.custom.fields"> 
      <span ng-show="checkForMatch(service.name, fields.services)"> 
      <span ng-repeat="value in fields.values"> 
     {{value.name}} {{value.desc}}<br> 
      </span> 
      </span> 
     </div> 
    </accordion-group> 
</accordion> 

Когда я запускаю этот код, я получаю следующее сообщение об ошибке:

Error: [$compile:ctreq] Controller 'accordionGroup', required by directive 'accordionHeading', can't be found!

UI, кажется, связан правильно, но только в том случае, вот соответствующая строка:

var myApp = angular.module('LSPortal', ['ngResource', 'ngRoute', 'checkBoxFilters', 'ui.bootstrap']) //...etc... 

Посмотрел this question, прежде чем задавать и изменять свой код соответственно:

Поставил бы скрипку, но контроллер очень, очень длинный и в основном не имеет отношения к этой конкретной проблеме. Но при необходимости сделайте это.

Answer 1

Проблема в том, что вы должны быть осторожны, как вы используете UT Bootstrap с Bootstrap и jQuery с jQuery lite, который уже включен в Angular.

Я нашел, что ответ here.