Как в UI-bootstrap Angular передать выборочно параметр в директиву?

Question

[Сергей Николаев]

В библиотеке UI-bootstrap
Директива Popover popover-placement принимает один из двух параметров top или bottom.
Мне нужно, что бы в зависимости высоты элемента на странице подставлялся либо top, либо bottom, как это сделать?

Answer 1

[Alexander Tartmin]

ну этот параметр строку же принимает

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

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

Comments

[Alexander Tartmin]

Напомню что в ангуларе есть встроеный JQLite о котором часто забывают.

[Alexander Tartmin]

https://docs.angularjs.org/api/ng/function/angular... вот документация по нему.

[Сергей Николаев]

Как в контроллере принять элемент, что бы отмерить высоту?

[Alexander Tartmin]

Ещё раз упомяну angular.element, он же jqLite. там есть методы .children() & .parent() и если Вы знакомы с обычным jQuery догадаетесь что делать. Как один из сценириев: у нас есть кнопка внутри какого-то div-а, по нажатию на которую мы должны показать popover. С помощью директивы ng-cklick мы можем вызвать функцию которая найдёт где именно мы нажали на кнопку и сделает нужные действия по замеру и отображению popover.