는

Question

내가 첫 번째 열에서 진행률 표시 줄과 내 그리드 옵션 AngularJS와 UI 그리드를 사용하고

은 다음과 같습니다 AngularJS와의 UI 그리드의 사용자 지정 서식 셀을 통해 팝 오버가 필요

<div id="regGrid" ui-grid="ctrl.gridOptions" class="reg-grid"></div> 

어떤 잘 작동합니다. 이제 격자의 첫 번째 셀을 가리키면 부트 스트랩 팝업을 표시하려고합니다. 이는 셀이 'completeStatus' 인 것을 의미합니다. 아무도 나를 구성하는 방법을 도울 수 있습니까?

Answer 1

셀 템플릿에 popover 속성을 추가하고 구성 요소 html에 popover 템플릿이 있습니다. 이처럼 :

구성 요소 HTML :

이것은 단지 닫는 루트 </div> 전에 HTML의 하단에 위치하게됩니다.

<script type="text/ng-template" id="cellPopover.html"> 
     <div>Your popover Template</div> 
    </script> 

구성 요소 컨트롤러 다음 팝 오버를 추가 는 휴대 템플릿 속성.
1. uib-popover-template="'cellPopover.html'"

3. popover-placement="bottom"

: 나는 당신과 같은 실제 속성을 배치합니다 popover attributes 쓴

ctrl.gridOptions.columnDefs = [{ 
     field: 'completeStatus', 
     cellTemplate: '<div popover attributes><span>{{row.entity.completeStatus}} % </span> <uib-progressbar value="row.entity.completeStatus"> </uib-progressbar></div>', 
     width: 100 
    }