Я работаю на странице, которая использует Аккордеон и Сортировка вместе, следуя this Plunker, но в то время как большинство вещей ведут себя правильно, мои панели аккордеона не рушится правильно. Строки заголовка перемещаются правильно, но «тело» каждого раздела аккордеона не скрывается и отображается под следующим заголовком.Угловой бутстрап аккордеон не рушится правильно
Я имел взгляд на то, что происходит в примерах и, кажется, что, когда заголовок щелкнул, чтобы свернуть панель, панель мгновенно получает collapsing
класса, который затем заменяется на collapse
классе, который скрывает панель. В моем случае панели никогда не получают класс collapse
, поэтому панели по-прежнему видны за заголовками ниже. Такое поведение наблюдается независимо от значения close-others
.
Вот соответствующая часть моей разметке:
<div ng-controller="myController">
<accordion close-others="true" ui:sortable="sortableOptions" ng:model="items">
<accordion-group ng-repeat="item in items">
<div accordion-heading heading="{{item.name}}">
<span class="handle btn">↕</span><span>{{item.name}}</span>
</div>
{{item.details}}
</accordion-group>
</accordion>
</div>
И app.js:
var app = angular.module('myApp', ['ui.sortable', 'ui.bootstrap']);
app.config(['$provide', function ($provide){
$provide.decorator('accordionDirective', function($delegate) {
var directive = $delegate[0];
directive.replace = true;
return $delegate;
});
}]);
app.controller('myController', function($scope){
$scope.items = [{name: "my item", details: "my details}, ...]
$scope.sortableOptions = {
handle: ' .handle',
axis: 'y'
};
});
Может
любой помощи, либо с помощью раствора или обходной путь?
EDIT Я воспроизвел это поведение в this Plunker, если кто-то хочет играть.
'ng: model' вместо' ng-model'? – zacran
Хорошо заметили, но это не изменило ситуацию. – Mourndark