How to selectively pass a parameter to a directive in UI-bootstrap Angular?

Question

JavaScript

In the UI-bootstrap
library, the Popover directive popover-placement takes one of two parameters top or bottom.
I need either top or bottom depending on the height of the element on the page, how can I do this?

Answer 1

well, this parameter takes a string

// Любым удобным способом измеряйте высоту и передавайте её в дерективу подобным образом.
$scope.position = 'top';

<button popover-placement="{{ position }}" popover="On the Top!" class="btn btn-default">Top</button>