基於頁面高度的動態位置自定義彈出框

Question

我有我的ui-bootstrap-custom-0.12.1.js彈出窗口，默認位置設置爲「top」，但是如果彈出窗口位於默認頂部，我無法查看我的popover中的內容。有沒有辦法將動態定位到底？

<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> 

這裏是plunker鏈路[酥料餅的位置頂] [1]

http://plnkr.co/edit/OQ9xia2dmW1tgnYzNCKD?p=preview

Answer 1

的popover-placement標籤需要一個字符串作爲參數的代替的JavaScript。但是，你可以通過JavaScript來標記（從而實現自己的一些邏輯，決定了它的位置），像這樣：

popover-placement="{{$scope.dynamicPopoverFunction(args)}}"

這將允許你調用一個函數在你的範圍，並返回安置你的願望。