手风琴标题图像作为 AngularUI 上的链接答案

【问题标题】：Accordion header images as links on AngularUI手风琴标题图像作为 AngularUI 上的链接
【发布时间】：2014-03-31 13:37:29
【问题描述】：

This stackoverflow post 向我们展示了如何在 AngularUI 手风琴中添加标题图像。有没有办法使用该图像（并且只有图像，而不是标题文本）作为网站的 href？谢谢。

Here's a plunker 在上面的链接中提供。

【问题讨论】：

【解决方案1】：

像在手风琴标题元素中一样使用 HTML。将i 元素包裹在锚标签中，使其成为链接：

<accordion-heading>
    Put any HTML <strong>here</strong>
    <a href="http://www.example.com"><i class="icon-book"></i></a>
</accordion-heading>

【讨论】：

那是我的第一次尝试，但它不起作用...看到这个 plunker：plnkr.co/edit/HerYXlquKjABa2SXTEX6?p=preview
您可能需要修改指令代码。 ui-bootstrap 源代码中的默认手风琴模板在包装标题内容的元素上具有 ng-click：<a class=\"accordion-toggle\" ng-click=\"toggleOpen()\" ...>。由于 ng-click 指令会拦截所有的点击，一种方法是修改指令的 toggleOpen 方法来检查点击事件的目标元素。如果目标是带有 href 的锚点，则让浏览器正常处理该事件。
你指的是哪个版本？