Accordion directive, Tabs schließen nicht klicken

Ich bin dabei, alle meine bootstrap.js Komponenten mit ihren jeweiligen eckigen Gegenstücke mit UI Boostrap zu ersetzen. So weit, so gut, aber ich kann nicht summieren, um nur den aktiven Vorsprung offen zu halten, während der Rest geschlossen wird. Danke für jede Hilfe.Accordion directive, Tabs schließen nicht klicken

HTML CODE

<!-- Accordion --> 
<uib-accordion ng-repeat="task in activeTasks track by $index">   
    <div ng-include="'assets/views/task_list.html'"></div>   
</uib-accordionv>

ng-inlcude: task_list.html

<uib-accordion-group panel-class="panel panel-default"> 
    <uib-accordion-heading> 
    <h4 class="panel-title" role="button" uib-accordion-header>{{task.title}}</h4> 
    </uib-accordion-heading> 
    {{task.description}} 
</uib-accordion-group>

DEMO: url

Quelle

2016-05-22 Frederick M. Rogers

Funktioniert es, wenn Sie den Inhalt von task_list direkt in Ihren HTML-Code einfügen, ohne ng-include zu verwenden? –

@SpartakLalaj, versucht, dass und keine Änderung. –

Ihre ng-repeat Richtlinie sagen, ist für jede Aufgabe ein neues <uib-accordion> Element zu erzeugen. Sie möchten ein einzelnes <uib-accordion> Element mit mehreren <uib-accordion-group> Elementen (eines für jede Aufgabe).

Quelle

2016-05-22 15:39:15 Paul

Danke, das hat es geschafft. –

Was oneAtATime ist?

Wollen Sie nicht nur close-others="true"

Quelle

2016-05-22 12:43:12 Paul

Sorry, das sollte nicht da sein, habe den Code bearbeitet. Die Einstellung 'close-others =" true "' hat nicht funktioniert. Gibt es JS, die ich vermisse? –

Accordion directive, Tabs schließen nicht klicken

Antwort

Verwandte Themen