Автоматическое позиционирование всплывающей подсказки с помощью AngularJS

Question

Я хочу автоматически установить свою подсказку, например, если я нахожусь в верхней части полосы прокрутки браузера, и есть ссылка со всплывающей подсказкой в ​​первой строке, тогда всплывающая подсказка должна отображаться на нижней части ,

Есть ли способ сделать это с помощью угловых?

Я использую угловой-UI-самозагрузку

<a href="#" tooltip-template="'tool.html'" tooltip-class="customclass">My template</a> 
<style> 
    .tooltip.customclass .tooltip-inner { 
     color: #414141; 
     background-color: #f1f1f1; 
     box-shadow: 0 6px 12px rgba(0,0,0,.175); 
    } 
    .tooltip.customclass .tooltip-arrow { 
     display: none;} 
</style> 
<script type="text/ng-template" id="tool.html"> 
    <span>Special Tooltip with <strong>markup</strong></span> 
</script>` 

Answer 1

Мы отслеживаем это через https://github.com/angular-ui/bootstrap/issues/375 и не имеем закодированное решения на данный момент. Однако, пожалуйста, не стесняйтесь подписываться на эту проблему для получения обновлений, а также см. this link из вышеприведенной проблемы для обходного пути.

Что может быть немного сложнее с Bootstrap 4, поскольку они добавили зависимость от библиотеки Tether. У нас есть еще несколько исследований, чтобы выяснить, как это влияет на размер нашей библиотеки, если мы его поддерживаем.