2017-09-08 1 views
0
<template #popDefinitionsTemplate> 
    <h4>{{definitions.title}}</h4> 
    <i class="fa fa-times"></i> 
    <hr> 
    <div [innerHtml]="getDefinitionsPopoverContent()"></div> 
</template> 
<button class="btn btn-secondary btn-finish-later pull-right" 
     [popover]="popDefinitionsTemplate" 
     placement="bottom"> 
    <i class="fa fa-info-circle"></i> 
</button> 

내 페이지에 팝업 표시를위한 코드가 있습니다.ng2-bootstrap 팝업을 수동으로 숨기기

<i class="fa fa-times" (click)="popover.hide()"></i> 

나는이 하나를 구현하는 방법을 아주 잘 모르겠어요 :이 같은 매뉴얼의 제목 옆에있는 닫기 버튼에 숨어있는, 뭔가를 포함 할. 이 https://valor-software.com/ngx-bootstrap/#/popover#popover-config

+1

제목에 "해결"넣지 마십시오. 질문에 대한 답변을 추가하고 그 대답을 수락하십시오. –

+1

해답을 해결책으로 옮길 수 있습니까? 앞으로이 문제에 걸림돌이되는 사람을 쉽게 찾을 수 있습니다. 참조 : https://stackoverflow.com/help/self-answer –

+0

@MatthiasMeid에게 감사드립니다. 지금하고있어. : D – jengfad

답변

0

이에서 것을

참고 지금 노력하고 있습니다 :이 스레드 우연히 한

<template #popDefinitionsTemplate> 
    <h4>{{definitions.title}}</h4> 
    <i class="fa fa-times" (click)="popDefinitions.hide()"></i> 
    <hr> 
    <div [innerHtml]="getDefinitionsPopoverContent()"></div> 
</template> 
<button #popDefinitions="bs-popover" class="btn btn-secondary btn-finish-later pull-right" 
     [popover]="popDefinitionsTemplate" 
     placement="bottom"> 
    <i class="fa fa-info-circle"></i> 
</button> 

좋은 일이 : https://github.com/valor-software/ngx-bootstrap/issues/1477

관련 문제