如何动态添加angularui手风琴组

Question

在angularjs服务中，我将手风琴组的HTML添加到手风琴元素的DOM中。结果显示手风琴组就好像它是一个小组 - 没有标题栏，没有崩溃行为。

我确定这是因为在添加内容之前手风琴会被初始化。 jQueryUI手风琴有这种场合的刷新方法，但不知道如何让angualrui手风琴识别新的手风琴组。

Answer 1

希望以下步骤有所帮助：

1. 获取要添加手风琴的元素的引用

   HTML：<div id = "myAccordion"> </div>

   控制器：var parent = angular.element("#myAccordion");

2. 编译您的手风琴模板并将其附加到父

   控制器：var accordion = $compile("<div accordion> </div>")($scope); parent.append(accordion);

但这是一个解决方法，理想情况下应该有一个指令来进行DOM操作，也许你正在考虑编写jquery。