AngularJS UiBoostrapアコーディオン。コントローラ 'uibAccordion'は、指示文 'uibAccordionGroup'に必要です。

Question

私はAngularJSアプリケーションで作業しています。私のindex.htmlで

、私のbodyタグの終わりに、私はこの宣言：私は私のangular.module

でそして、私のhtmlで 'ui.bootstrap' を含める

<script src="bower_components/angular/angular.min.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 

を、私はP

...これは正常に動作しているUIB-アコーディオン

<div id="Help" uib-accordion-group is-open="main.openHelp"> 
    <uib-accordion-heading> 
     <span > 
      Help 
     </span>    
     <span> 
      <i class="pull-right fa" ng-click="main.openHelp = !main.openHelp" ng-class="{'fa-chevron-down': main.openHelp, 'fa-chevron-left': !main.openHelp}"></i>      
     </span> 
    </uib-accordion-heading> 
    <div class="row"> 
     <div> 
      Useless Content 
     </div> 
    </div> 
</div> 

、私は/ etc近いそれを開くことができます使用するようにしてください私はエラーが記録されているということです： https://docs.angularjs.org/error/$compile/ctreq?p0=uibAccordion&p1=uibAccordionGroup

私はこれを解決するために何をすべきか理解していません。

ところで、私はこのページで複数回uib accordionを使用しているので、このエラーは複数回記録されます。 （私は別の<div uib-accordion-group ></div>タグを持つ）

Answer 1

実際にエラーがあなたの指示により必要なヒント

コントローラー「uibAccordion」を与える「uibAccordionGroup」、見つけることができません！

ヒントの語義はrequiredです。 AngularJS、directives can define a requirement to be included inside other directivesでは、これらの父親の指示が存在しない場合、エラーが発生します。

あなたの場合、uibAccordionGroupディレクティブは、HTML内で定義していないuibAccordion内にネストする必要があります。

これ

は、あなたはどちらか

<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js">

または

<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js">

ない

が含まれている必要があり、それは

<uib-accordion close-others="oneAtATime"> <!-- pay attention to this line --> 
    <div id="Help" uib-accordion-group is-open="main.openHelp"> 
     <uib-accordion-heading> 
     <span > 
      Help 
     </span>    
     <span> 
     <i class="pull-right fa" ng-click="main.openHelp = !main.openHelp" ng-class="{'fa-chevron-down': main.openHelp, 'fa-chevron-left': !main.openHelp}"></i>      
     </span> 
    </uib-accordion-heading> 
     <div class="row"> 
      <div> 
       Useless Content 
      </div> 
     </div> 
    </div> 
</uib-accordion> 

また@Nair Athulのように見えることになって、右であるかでありますどちらも！