gpt4 book ai didi

angularjs - 如何使用 AngularJS 创建可排序的 Accordion ?

转载 作者:行者123 更新时间:2023-12-02 23:46:49 25 4
gpt4 key购买 nike

我找到了ui sortable并使其能够很好地处理简单的列表等。我的应用程序已经使用 ui-bootstrap我想对 Accordion 元素进行排序。

html 看起来不错:

<div ng:controller="controller">
<accordion ui:sortable ng:model="list">
<accordion-group ng:repeat="item in list" class="item">
<accordion-heading>{{item}}</accordion-heading>
</accordion-group>
</accordion>
</div>

但是,虽然这适用于交换为 ul/li 等的 Accordion 位,但它不适用于 Accordion 元素。 Here is the non working fiddle 。拖动操作只会拾取整个 Accordion 。

这是一个错误还是我做错了什么?

最佳答案

我也遇到过这个麻烦。我已经使用 $decorator 解决了这个问题,这对于编辑第三方库而不触及核心非常有用。具体代码是:

yourModule.config(['$provide', function ($provide){
$provide.decorator('accordionDirective', function($delegate) {
var directive = $delegate[0];
directive.replace = true;
return $delegate;
});
}]);

代码的作用是替换 Accordion 指令所包装的模板,因此现在 ng-repeat 是 ui-sortable 指令的直接子级,并且它应该可以工作。

此外,正如 @Dylan 所说,我建议使用“处理程序”来防止 Accordion 在排序时打开。

关于angularjs - 如何使用 AngularJS 创建可排序的 Accordion ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26520131/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com