AngularUI에서 Accordion 헤더 이미지

This stackoverflow post은 AngularUI 아코디언에서 헤더 이미지를 추가하는 방법을 보여줍니다. 해당 이미지 (및 머리글 텍스트가 아닌 이미지 만)를 웹 사이트의 href로 사용할 수 있습니까? 고맙습니다.AngularUI에서 Accordion 헤더 이미지

Here's a plunker 위의 링크에서 제공됩니다.

출처

2014-03-31 Rui Afonso Pereira

일반적으로 accordion-heading 요소 내부에서 사용하는 것처럼 HTML을 사용하십시오. 그것을 링크 할 앵커 태그에 i 요소를 랩 :

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

출처

2014-03-31 14:21:58 user2943490

내 첫 번째 시도했고 그것은 작동하지 않습니다 ...이 plunker 참조 : http://plnkr.co/edit/HerYXlquKjABa2SXTEX6?p를 = preview –

지시문 코드를 수정해야 할 수 있습니다. ui-bootstrap 소스 코드의 기본 아코디언 템플릿은 헤더 내용을 감싸는 요소에 대한 ng-click을 가지고 있습니다 :''. ng-click 지시자가 모든 클릭을 가로 채기 때문에, 지시어의'toggleOpen' 메소드를 수정하여 클릭 이벤트의 target 요소를 검사하면됩니다. 타겟이 href가있는 앵커라면 브라우저가 이벤트를 정상적으로 처리하도록합니다. – user2943490

어떤 버전을 언급하고 있습니까? –

AngularUI에서 Accordion 헤더 이미지

답변

관련 문제