0

在我正在处理的角度应用程序中,我需要使用手风琴显示一些数据,并为每个标题添加一个按钮或其他类型的标记。这是我使用Twitter bootstrap 手风琴后的示例:

http://plnkr.co/edit/vV9Ky12jlrKb4qrcRnhA

只需一点 jQuery,我就可以将我想要的accordion-toggle元素附加到元素上。

我正在尝试仅使用angular-ui来做同样的事情。这是我到目前为止所拥有的:

http://plnkr.co/edit/sv43rrvU8rvDHplagZ2v

正如你所看到的,它并不像我想要的那样工作。span只要我不在ng-repeat循环中,元素(这里是一个简单的)就会添加到标题中。显然,对于这个循环,accordion-heading当我插入我的指令时它还不可用。我应该如何修改它以便在适当的时间(或至少在手风琴 DOM 已编译时)被调用?

4

1 回答 1

1

我不知道等待 dom 呈现 ng-repeats 的优雅解决方案,但是$timeout在这种情况下将 dom 查找包装在方法中将获得所需的结果:

$timeout(function(){
    var heading = element.parent().children().find('.accordion-toggle');
    console.log("found heading", heading);
    console.log("adding element", element.html());
    heading.append(element);
    console.log("yay");
},0)

普朗克

于 2013-07-02T14:07:52.797 回答