angularjs - dynamic position custom popover based on the page height -
i have ui-bootstrap-custom-0.12.1.js popover default position set "top", if popover @ top default cannot view content in popover. there way dynamic position popover bottom?.
<div class="pagination-centered"> <h2>title: {{item.title}}</h2> <div popover="patienthover" popover-title="item.title" popover-placement="top" popover-trigger="click"> <button class="btn">{{text}}</button> </div> </div>
here plunker link [popover position top][1]
the popover-placement
tag takes string argument instead of javascript. however, can pass javascript tag (and implement logic of own determines placement) so:
popover-placement="{{$scope.dynamicpopoverfunction(args)}}"
this allow call function in scope , return placement desire.
Comments
Post a Comment